/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.resize{resize:both}}:root{--berry:#d91457;--berry-dark:#aa0f42;--cream:#fffaf0;--jade:#005640;--jade-soft:#dcece4;--gold:#ffc31c;--ink:#173d33;--muted:#6f746f;--line:#e7dac4}*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;margin:0}a{color:inherit}.hero{min-height:560px;color:var(--cream);background:radial-gradient(circle at 86% 20%, #ffffff24 0 10%, transparent 10.5%), radial-gradient(circle at 92% 38%, #ffc31c2e 0 8%, transparent 8.5%), var(--berry);border-bottom-right-radius:44% 9%;border-bottom-left-radius:44% 9%;padding:28px clamp(24px,6vw,86px) 72px}nav{justify-content:space-between;align-items:center;gap:24px;max-width:1160px;margin:0 auto;display:flex}.brand{align-items:center;gap:13px;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:13px}.navLinks{gap:clamp(16px,3vw,36px);font-size:15px;font-weight:700;display:flex}.navLinks a{text-underline-offset:6px;text-decoration-thickness:2px}.heroCopy{max-width:1160px;margin:96px auto 0}.eyebrow,.sectionLabel{color:var(--gold);letter-spacing:.16em;font-size:13px;font-weight:900}h1{letter-spacing:-.055em;max-width:860px;margin:18px 0 20px;font-size:clamp(48px,8vw,88px);line-height:.98}.lede{max-width:650px;margin:0;font-size:clamp(18px,2.2vw,24px);line-height:1.55}.content{max-width:1160px;margin:0 auto;padding:94px clamp(24px,5vw,64px) 100px}.intro{max-width:690px}.sectionLabel{color:var(--berry)}h2{color:var(--jade);letter-spacing:-.045em;margin:12px 0 15px;font-size:clamp(40px,5vw,62px)}.intro>p:last-child{color:var(--muted);font-size:20px;line-height:1.6}.principles{grid-template-columns:repeat(3,1fr);gap:14px;margin:56px 0 66px;padding:0;list-style:none;display:grid}.principles li{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:180px;padding:27px}.principles span{color:var(--berry);letter-spacing:.14em;font-size:12px;font-weight:900}.principles p{color:var(--jade);margin:35px 0 0;font-size:21px;font-weight:750;line-height:1.35}.linkGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.infoCard{background:#f8eaf6;border-radius:28px;flex-direction:column;min-height:235px;padding:28px;text-decoration:none;transition:transform .18s;display:flex}.infoCard:hover{transform:translateY(-4px)}.infoCard.mint{background:var(--jade-soft)}.infoCard.gold{background:#fff0b8}.infoCard span{color:var(--berry);letter-spacing:.14em;font-size:12px;font-weight:900}.infoCard strong{color:var(--jade);margin-top:34px;font-size:25px;line-height:1.2}.infoCard small{color:var(--muted);margin-top:auto;font-size:14px;font-weight:650}footer{color:#66726d;border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:26px clamp(24px,6vw,86px);font-size:14px;display:flex}footer a{text-underline-offset:4px;font-weight:700}.infoHeader{color:var(--cream);background:var(--berry);border-bottom-right-radius:44% 8%;border-bottom-left-radius:44% 8%;padding:28px clamp(24px,6vw,86px) 70px}.infoHeroCopy{max-width:1020px;margin:72px auto 0}.infoHeroCopy h1{margin-bottom:18px;font-size:clamp(48px,7vw,78px)}.infoHeroCopy>p:last-child{max-width:680px;margin:0;font-size:20px;line-height:1.55}.prose{max-width:820px;margin:0 auto;padding:80px 28px 100px}.prose section{border-bottom:1px solid var(--line);margin:0 0 38px;padding:0 0 38px}.prose section:last-child{border-bottom:0}.prose h2{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(28px,4vw,38px)}.prose p{color:#4f5f59;margin:0;font-size:18px;line-height:1.72}.prose a{color:var(--berry-dark);text-underline-offset:4px;font-weight:750}@media (max-width:760px){.hero{border-bottom-right-radius:42% 5%;border-bottom-left-radius:42% 5%;min-height:520px}.infoHeader{border-bottom-right-radius:42% 4%;border-bottom-left-radius:42% 4%}.heroCopy{margin-top:78px}.navLinks{gap:13px;font-size:13px}.brand span{display:none}.principles,.linkGrid{grid-template-columns:1fr}.principles li,.infoCard{min-height:160px}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.infoCard{transition:none}}@font-face{font-family:Canto Nunito;src:url(/fonts/nunito-semibold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Canto Nunito;src:url(/fonts/nunito-extrabold.ttf)format("truetype");font-weight:800;font-display:swap}.cantoDemo{--demo-ink:#084d3e;--demo-berry:#d71955;--demo-paper:#faf6eb;--landing-cream:#fffde6;--landing-coral:#ff7958;--landing-muted:#aeada5;min-height:100svh;color:var(--landing-cream);background:#151515;overflow:clip}.cantoDemo :is(button,input){font:inherit}.cantoDemo button{cursor:pointer}.cantoDemo :is(a,button,input,summary,[tabindex]):focus-visible{outline:3px solid var(--landing-coral);outline-offset:5px}.demoSkip{z-index:10;background:var(--landing-cream);color:#151515;border-radius:4px;padding:14px;position:absolute;top:-100px;left:20px}.demoSkip:focus{top:10px}.demoMasthead{justify-content:space-between;align-items:center;gap:25px;max-width:1540px;height:88px;margin:auto;padding:0 clamp(24px,5vw,80px);display:flex}.demoBrand{letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:9px;font-family:Canto Nunito,system-ui,sans-serif;font-size:25px;font-weight:800;text-decoration:none;display:inline-flex}.demoBrand svg{width:31px;height:31px;fill:var(--landing-coral)}.demoNav{color:#c0bfb7;gap:33px;margin:0;font-size:13px;display:flex}.demoNav a{padding-block:14px;text-decoration:none}.demoNav a:hover{color:var(--landing-cream)}.demoGetApp{white-space:nowrap;border:1.5px solid #fffde695;border-radius:30px;padding:12px 20px;font-size:13px;font-weight:650;text-decoration:none;transition:background .2s,color .2s}.demoGetApp:hover{background:var(--landing-cream);color:#151515}.demoGetApp span{margin-left:19px}.cantoHero{padding-top:40px}.cantoHeroCopy{text-align:center;z-index:1;padding-inline:24px;position:relative}.cantoHero h1{letter-spacing:-.045em;text-transform:uppercase;max-width:1300px;margin:0 auto;font-size:clamp(80px,10.8vw,158px);font-weight:900;line-height:.93}.cantoHero h1>span{color:var(--landing-coral)}.cantoHeroCopy>p{color:#d3d1c6;margin:30px auto 27px;font-size:clamp(15px,1.5vw,20px);line-height:1.65}.heroMobileBreak{display:none}.cantoTryButton{color:#142013;letter-spacing:-.025em;background:#b8fa65;border-radius:40px;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:10px 29px;font-size:18px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.cantoTryButton:hover{background:#caff8b;transform:translateY(-2px)}.cantoTryButton span{font-size:23px;font-weight:500}.cantoHeroCopy>small{color:var(--landing-muted);margin-top:14px;font-size:11px;display:block}.cantoHeroStage{max-width:1200px;height:490px;margin:15px auto 0;position:relative;overflow:hidden}.cantoHeroAuntie{width:670px;max-width:none;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.cantoHello{flex-direction:column;align-items:center;display:flex;position:absolute;top:164px;left:6%;transform:rotate(-9deg)}.cantoHello>span:first-child{color:var(--landing-coral);letter-spacing:-.06em;font-family:Canto Nunito,system-ui,sans-serif;font-size:63px;font-weight:800}.cantoHello>span:nth-child(2){color:var(--landing-cream);margin-top:5px;font-size:16px}.cantoHello>small{letter-spacing:.1em;color:var(--landing-muted);margin-top:25px;font-size:8px}.cantoMeetAuntie{color:#d2d0c4;font-family:Georgia,serif;font-size:21px;font-style:italic;line-height:1.45;position:absolute;top:149px;right:8%;transform:rotate(8deg)}.cantoMeetAuntie svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:86px;height:69px;margin:5px 0 0 -30px;display:block}.cantoEveryday{max-width:1320px;min-height:100px;color:var(--landing-coral);letter-spacing:-.02em;text-transform:uppercase;border-block:1px solid #fffde62a;justify-content:space-evenly;align-items:center;gap:24px;margin:auto;padding:26px 40px;font-size:clamp(14px,1.6vw,22px);font-weight:800;display:flex;position:relative}.cantoEveryday svg{fill:currentColor;flex-shrink:0;width:23px;height:23px}.demoLayout{grid-template-columns:1fr auto;align-items:center;gap:clamp(60px,9vw,140px);max-width:1120px;margin:auto;padding:116px 50px 108px;display:grid}.demoIntro{min-width:0}.demoEyebrow{letter-spacing:.08em;color:var(--landing-muted);margin:0 0 23px;font-size:9px;font-weight:650;line-height:1.7}.demoEyebrow span{background:#b8fa65;border-radius:50%;width:6px;height:6px;margin:0 6px 2px 0;display:inline-block}.demoIntro h2{color:var(--landing-cream);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(45px,5.3vw,73px);font-weight:850;line-height:.99}.demoIntro h2>span{color:var(--landing-coral)}.demoDescription{color:#bab9b0;margin:27px 0 0;font-size:14px;line-height:1.85}.demoPhraseSpotlight{border-left:2px solid #b8fa65;max-width:380px;min-height:100px;margin-top:33px;padding-left:20px}.demoPhraseSpotlight>span{color:var(--landing-cream);overflow-wrap:anywhere;font-family:Canto Nunito,system-ui,sans-serif;font-size:29px;font-weight:800;line-height:1.5}.demoPhraseSpotlight>p{color:var(--landing-coral);margin:5px 0;font-size:12px;line-height:1.6}.demoPhraseSpotlight>small{color:var(--landing-muted);font-size:11px;line-height:1.6}.demoDownload{flex-direction:column;gap:14px;margin-top:30px;display:inline-flex}.demoDownload a{margin:14px 0 0;line-height:0}.demoDownload img{width:165px;height:55px;display:block}.demoDownload small{color:var(--landing-muted);font-size:10px}.demoPhoneColumn{z-index:2;min-width:0;position:relative}.demoPhoneLabel{color:#c0bfb4;letter-spacing:.08em;align-items:center;gap:7px;margin-bottom:16px;font-size:8px;font-weight:650;display:flex}.demoPhoneLabel>span:last-child{letter-spacing:0;margin-left:auto;font-size:9px;font-weight:400}.demoLiveDot{background:#b8fa65;border-radius:50%;width:5px;height:5px}.demoPhone{background:#17382e;border:2px solid #849187;border-bottom-width:6px;border-radius:39px;width:378px;height:clamp(610px,78svh,725px);padding:7px;box-shadow:0 0 0 2px #091a15,0 30px 60px #0005}#word-bank{scroll-margin-top:60px}.demoPhoneScreen{height:100%;color:var(--demo-ink);background:var(--demo-paper);border-radius:29px;flex-direction:column;font-family:Canto Nunito,system-ui,sans-serif;font-weight:600;display:flex;overflow:hidden}.demoAppHeader{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 18px 16px;display:flex}.demoAppHeader h3{color:var(--demo-ink);letter-spacing:-.7px;margin:0;font-size:27px;font-weight:800;line-height:1.2}.demoAppHeader p{color:#637265;margin:6px 0 0;font-size:12px}.demoFlower{width:28px;height:28px;fill:var(--demo-berry);flex-shrink:0}.demoAppControls{border-bottom:1px solid #dce1d4;flex-direction:column;flex-shrink:0;gap:10px;padding:0 14px 9px;display:flex}.demoSearch{background:#f0f1e6;border:1.5px solid #dde4d3;border-radius:13px;align-items:center;gap:7px;min-height:43px;padding:0 10px;display:flex}.demoSearch>svg{fill:none;stroke:#637265;stroke-width:2px;flex-shrink:0;width:16px;height:16px}.demoSearch input{width:100%;min-width:0;color:var(--demo-ink);-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:none;padding:10px 0;font-size:12px}.demoSearch input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.demoSearch:focus-within{outline-offset:2px;outline:2px solid #b92062}.cantoDemo .demoSearch input:focus-visible{outline:none}.demoSearch input::placeholder{color:#6c7a6c;opacity:1}.demoSearch button{color:var(--demo-ink);background:0 0;border:none;width:25px;min-width:25px;height:40px;padding:0;font-size:22px}.demoCollections{background:#ecefe2;border-radius:13px;gap:3px;padding:3px;display:flex}.demoCollections button{color:#637265;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:36px;font-size:12px;font-weight:800;display:flex}.demoCollections button[aria-pressed=true]{color:var(--demo-ink);background:#fffdf7;box-shadow:0 2px 3px #084d3e0f}.demoCollections button span{padding:0 4px;font-size:10px;font-weight:600}.demoCategories{flex-wrap:wrap;gap:5px;display:flex}.demoCategories button{color:#637265;background:0 0;border:1px solid #d6dece;border-radius:11px;min-height:34px;padding:5px 10px;font-size:10px;font-weight:800}.demoCategories button[aria-pressed=true]{color:#533564;background:#ebe2f7;border-color:#cebbdc}.demoPhraseList{overscroll-behavior-y:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#b5bfae transparent;flex:1;min-height:0;padding:12px 13px 20px;overflow-y:auto}.demoResultCount{color:#637265;margin:0 3px 11px;font-size:10px}.demoPhrase{background:#fffdf7;border:1.5px solid #dde4d3;border-bottom:4px solid #d8dece;border-radius:19px;margin-bottom:10px;transition:border-color .15s,background .15s;overflow:hidden}.demoPhrase.isPlaying{background:#fff9ee;border-color:#d71955}.demoPhrasePlay{text-align:left;width:100%;color:var(--demo-ink);background:0 0;border:none;align-items:flex-start;gap:10px;padding:13px 11px 0;display:flex}.demoPhraseText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.demoChinese{overflow-wrap:anywhere;font-size:22px;font-weight:800;line-height:1.35}.demoJyutping{color:#d71955;font-size:13px;font-weight:800;line-height:1.45}.demoEnglish{color:#597361;font-size:12px;line-height:1.5}.demoPlayIcon{color:#084d3e;background:#ffc31c;border-bottom:3px solid #cfa444;border-radius:13px;flex-shrink:0;place-items:center;width:40px;height:42px;display:grid}.demoPlayIcon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.demoPhrasePlay:active .demoPlayIcon{border-bottom-width:1px;transform:translateY(2px)}.demoPhraseActions{justify-content:space-between;align-items:center;min-height:40px;padding:0 9px 0 12px;display:flex}.demoSlow{color:#637265;background:0 0;border:none;min-height:40px;padding:0 5px;font-size:10px!important}.demoSlow[aria-pressed=true]{color:#c61a52}.demoSave{color:#7b8678;background:0 0;border:none;place-items:center;width:42px;height:40px;padding:9px;display:grid}.demoSave[aria-pressed=true]{color:#d71955}.demoSave svg,.demoEmpty>svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.demoAudioError{color:#9c4d31;background:#fff0e4;border-radius:8px;margin:0 9px 12px;padding:9px;font-size:11px;line-height:1.6}.demoEmpty{text-align:center;color:#637265;border:1px dashed #b4c0ae;border-radius:17px;padding:30px 10px}.demoEmpty>svg{color:#d71955;width:26px;height:26px;margin:auto}.demoEmpty h3{color:var(--demo-ink);margin:16px 0 12px;font-size:18px;font-weight:800;line-height:1.3}.demoEmpty p{font-size:12px;line-height:1.6}.demoEmpty button{color:var(--demo-ink);background:#ffc31c;border:0;border-bottom:3px solid #cfa444;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:800}.demoListEnd{text-align:center;color:#637265;margin:20px 5px 0;font-size:10px;line-height:1.6}.demoAudioStatus{color:#657569;background:#fffdf7;border-top:1px solid #dce1d4;flex-shrink:0;align-items:center;gap:9px;min-height:44px;padding:11px 13px 16px;font-size:10px;display:flex}.demoAudioStatus.active{color:#9c1641;background:#fce5ed}.demoAudioStatus button{height:32px;color:inherit;text-underline-offset:3px;background:0 0;border:none;margin:-7px 0 -7px auto;padding:0 7px;font-size:11px;font-weight:800;text-decoration:underline}.demoSoundBars{align-items:center;gap:2px;width:18px;height:14px;display:flex}.demoSoundBars i{background:currentColor;border-radius:2px;width:2px;height:4px}.demoSoundBars i:nth-child(2){height:12px}.demoSoundBars i:nth-child(3){height:8px}.active .demoSoundBars i{animation:.6s ease-in-out infinite alternate demo-wave}.active .demoSoundBars i:nth-child(2){animation-delay:-.3s}.active .demoSoundBars i:nth-child(3){animation-delay:-.15s}.active .demoSoundBars i:nth-child(4){animation-delay:-.45s}@keyframes demo-wave{to{height:13px}}.demoPreviewNote{text-align:center;color:var(--landing-muted);margin:20px 0 0;font-size:9px}.demoFooter{color:var(--landing-muted);border:0;padding:0 clamp(24px,5vw,80px) 30px;display:block}.demoAbout{border-top:1px solid #fffde62a;max-width:1380px;margin:auto}.demoAbout summary{cursor:pointer;color:var(--landing-cream);justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:13px;list-style:none;display:flex}.demoAbout summary::-webkit-details-marker{display:none}.demoAbout summary span{font-size:22px}.demoAbout[open] summary span{transform:rotate(45deg)}.demoAbout>div{grid-template-columns:repeat(3,1fr);gap:40px;padding:5px 0 28px;display:grid}.demoAbout p{margin:0;font-size:12px;line-height:1.9}.demoAbout strong{color:var(--landing-cream);margin-bottom:5px;font-weight:650;display:block}.demoFooterLine{border-top:1px solid #fffde61a;justify-content:space-between;align-items:center;gap:20px;max-width:1380px;margin:auto;padding-top:24px;font-size:10px;display:flex}.demoFooterLine>div{gap:23px;display:flex}.demoFooterLine a{font-size:12px;font-weight:500;text-decoration:none}.demoFooterLine a:hover{color:var(--landing-cream);text-decoration:underline}@media (max-width:1090px) and (min-width:761px){.cantoHero{padding-top:56px}.cantoHeroStage{height:435px}.cantoHeroAuntie{width:595px}.cantoHello{top:150px;left:5%}.cantoHello>span:first-child{font-size:46px}.cantoHello>small{font-size:7px}.cantoMeetAuntie{font-size:17px;top:140px;right:5%}.demoLayout{gap:50px;padding:90px 5vw}.demoPhone{width:330px;height:670px}.demoIntro h2{font-size:52px}.demoDescription{font-size:13px}}@media (max-width:760px){.demoMasthead{gap:12px;height:76px;padding-inline:22px}.demoBrand{gap:6px;font-size:21px}.demoBrand svg{width:25px;height:25px}.demoNav{display:none}.demoGetApp{padding:11px 14px;font-size:11px}.demoGetApp span{margin-left:8px}.cantoHero{padding-top:44px}.cantoHeroCopy{padding-inline:18px}.cantoHero h1{letter-spacing:-.065em;font-size:11.65vw;line-height:.98}.cantoHeroCopy>p{margin:23px auto;font-size:13px;line-height:1.75}.heroMobileBreak{display:block}.cantoTryButton{gap:24px;min-height:50px;padding-inline:25px;font-size:16px}.cantoHeroCopy>small{margin-top:13px;font-size:9px}.cantoHeroStage{height:clamp(295px,76vw,430px);margin-top:26px}.cantoHeroAuntie{width:min(106vw,570px)}.cantoHello{z-index:1;top:55px;left:4%}.cantoHello>span:first-child{font-size:25px}.cantoHello>span:nth-child(2),.cantoHello>small,.cantoMeetAuntie{display:none}.cantoEveryday{text-align:center;gap:12px;min-height:74px;padding:22px 20px;font-size:10px;line-height:1.5}.cantoEveryday svg{width:13px;height:13px}.demoLayout{flex-direction:column;align-items:center;gap:38px;padding:64px 24px 62px;display:flex}.demoIntro{width:100%;max-width:378px}.demoEyebrow{margin-bottom:17px;font-size:8px}.demoIntro h2{max-width:370px;font-size:47px}.demoDescription{margin-top:20px;font-size:12px;line-height:1.8}.demoPhraseSpotlight{display:none}.demoDownload{gap:12px;margin-top:13px}.demoDownload img{width:150px;height:50px}.demoPhoneColumn{width:100%;max-width:378px}.demoPhone{border-radius:37px;width:100%;height:680px;min-height:560px;max-height:83svh}.demoPhoneLabel{margin-bottom:12px;padding-inline:2px;font-size:8px}.demoPhoneScreen{border-radius:27px}#word-bank{scroll-margin-top:50px}.demoFooter{padding-inline:24px}.demoAbout>div{display:block}.demoAbout p{margin-bottom:20px}.demoFooterLine{flex-flow:wrap;gap:18px;font-size:9px}.demoFooterLine>span:last-child{width:100%}.demoFooterLine>div{gap:17px}.demoSearch input{letter-spacing:-.04em;font-size:16px}}@media (max-width:360px){.demoMasthead{padding-inline:16px}.demoBrand{font-size:19px}.demoBrand svg{width:23px;height:23px}.demoGetApp{padding-inline:12px}.demoGetApp span{display:none}.cantoEveryday{gap:10px;padding-inline:17px;font-size:9px}.demoLayout{padding-inline:17px}.demoIntro h2{font-size:42px}.demoPhone{border-radius:33px;padding:5px}.demoPhoneScreen{border-radius:25px}.demoAppHeader{padding:23px 14px 14px}.demoAppControls{padding-inline:10px}.demoPhraseList{padding-inline:9px}.demoCategories{gap:4px}.demoCategories button{padding:5px 8px;font-size:9px}.demoPhoneLabel{font-size:7px}.demoPhoneLabel>span:last-child{font-size:8px}.demoChinese{font-size:21px}}@media (prefers-reduced-motion:reduce){.cantoDemo *,.cantoDemo :before,.cantoDemo :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.quietLanding{--q-paper:#fdfcf9;--q-ink:#242426;--q-muted:#6c6b70;--q-berry:#c9164c;--q-line:#e7e5e1;color:var(--q-ink);background:var(--q-paper);font-family:var(--font-geist),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow:clip}.quietLanding *{box-sizing:border-box}.quietLanding h1,.quietLanding h2,.quietLanding h3,.quietLanding p,.quietLanding figure{margin:0}.quietLanding h1,.quietLanding h2,.quietLanding h3{color:var(--q-ink)}.quietLanding a{text-decoration:none}.quietLanding button{font:inherit}:is(.quietLanding a:focus-visible,.quietLanding button:focus-visible,.quietLanding summary:focus-visible){outline:3px solid var(--q-berry);outline-offset:6px}.quietLanding section[id]{scroll-margin-top:100px}.q-container{width:min(1040px,100% - 64px);margin-inline:auto}.q-skip{background:var(--q-ink);color:#fff;z-index:100;border-radius:12px;padding:14px 20px;position:fixed;top:-80px;left:16px}.q-skip:focus{top:12px}.q-header{z-index:20;-webkit-backdrop-filter:blur(18px);background:#fdfcf9e0;border-bottom:1px solid #281e1412;position:sticky;top:0}.q-header-inner{justify-content:space-between;align-items:center;gap:32px;width:min(1080px,100% - 64px);height:76px;margin:auto;display:flex}.q-brand{letter-spacing:-.6px;flex-shrink:0;align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.q-brand img{border-radius:8px;display:block}.quietLanding .q-header nav{color:#636268;gap:30px;margin:0 0 0 auto;font-size:13px;display:flex}.q-header nav a{padding-block:12px}.quietLanding nav a:hover{color:var(--q-berry)}.q-get{background:var(--q-berry);color:#fff;white-space:nowrap;border-radius:24px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:12px;font-weight:550;transition:background .2s;display:flex}.q-get:hover{background:#a41240}.q-arrow{flex-shrink:0;width:18px;height:18px}.q-arrow-down{transform:rotate(90deg)}.q-hero{text-align:center;padding-top:78px}.q-hero-copy{z-index:2;animation:.7s both q-arrive;position:relative}.quietLanding .q-eyebrow{color:var(--q-berry);letter-spacing:.09em;font-size:12px;font-weight:600;line-height:1.5}.q-hero .q-eyebrow{letter-spacing:.025em;font-size:14px}.quietLanding .q-hero h1{letter-spacing:-.065em;max-width:none;margin:18px auto 22px;font-size:clamp(54px,6.2vw,82px);font-weight:600;line-height:1.035}.q-hero h1 span{color:var(--q-berry)}.quietLanding .q-hero-description{color:var(--q-muted);letter-spacing:-.35px;font-size:19px;line-height:1.65}.q-hero-actions{justify-content:center;align-items:center;gap:27px;margin-top:28px;display:flex}.q-store{vertical-align:middle;border-radius:10px;transition:transform .2s,opacity .2s;display:inline-flex}.q-store img{width:156px;height:52px;display:block}.q-store:hover{opacity:.87;transform:translateY(-2px)}.q-text-link{color:var(--q-berry);align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:500;display:inline-flex}.q-text-link:hover{text-underline-offset:4px;text-decoration:underline}.quietLanding .q-free-note{color:#69646b;margin-top:15px;font-size:12px;line-height:1.5}.q-product-stage{width:min(750px,100%);height:654px;margin:44px auto 0;position:relative}.q-stage-halo{opacity:.6;background:#f5e9e8;border-radius:50%;width:510px;max-width:90%;height:510px;position:absolute;top:42px;left:50%;transform:translate(-50%)}.q-phone{background:#252528;border:7px solid #252528;border-radius:43px;overflow:hidden;box-shadow:0 0 0 1px #939095,0 18px 35px -14px #30202740}.q-phone img{border-radius:35px;width:100%;height:auto;display:block}.q-hero-phone{z-index:2;width:278px;animation:1s both q-phone-arrive;position:absolute;top:8px;left:50%;transform:translate(-50%)rotate(-3deg)}.q-hello-note{text-align:left;z-index:3;background:#fffffff7;border:1px solid #ece9e6;border-radius:22px;width:202px;padding:24px;animation:1s .12s both q-note-arrive;position:absolute;top:132px;left:9px;transform:rotate(-6deg);box-shadow:0 14px 45px #33242c0a}.q-note-label{letter-spacing:.12em;vertical-align:middle;color:#77727a;font-size:8px;font-weight:600}.q-note-dot{background:var(--q-berry);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.q-hello-note strong{letter-spacing:3px;margin-top:12px;font-size:45px;font-weight:500;display:block}.q-note-pronunciation{color:var(--q-berry);margin-top:4px;font-size:14px;display:block}.q-note-translation{color:#746e75;margin-top:17px;font-size:10px;display:block}.q-auntie-note{z-index:3;width:162px;animation:1s .2s both q-note-arrive;position:absolute;top:275px;right:22px;transform:rotate(6deg)}.q-auntie-note>img{filter:drop-shadow(0 9px 9px #37281e12);width:144px;height:144px;margin:auto;display:block}.q-auntie-note>span{letter-spacing:-.3px;background:#fff;border:1px solid #eee8e6;border-radius:18px;padding:12px 14px;font-size:14px;font-weight:550;display:block;transform:rotate(-4deg)}.q-auntie-note .q-flower{width:26px;height:26px;color:var(--q-berry);position:absolute;bottom:-12px;right:-8px;transform:rotate(12deg)}.q-stage-caption{color:#746e75;letter-spacing:.03em;width:100%;font-size:11px;position:absolute;bottom:0;left:0}.q-principles{text-align:center;grid-template-columns:repeat(3,1fr);gap:28px;padding:65px 0 72px;display:grid}.q-mini-icon{color:var(--q-berry);margin-bottom:16px;display:inline-flex}.q-mini-icon svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.quietLanding .q-principles h2{letter-spacing:-.5px;margin-bottom:8px;font-size:17px;font-weight:600}.quietLanding .q-principles p{color:var(--q-muted);font-size:13px;line-height:1.6}.q-try-section{background:#f3f2ef;padding:100px 0}.q-try-grid{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.quietLanding .q-section-copy h2,.quietLanding .q-section-heading h2{letter-spacing:-2.5px;margin-top:18px;font-size:48px;font-weight:550;line-height:1.08}.q-section-copy h2 span,.q-section-heading h2 span{color:#8c888b}.quietLanding .q-section-copy>p:not(.q-eyebrow),.quietLanding .q-section-heading>p:not(.q-eyebrow){color:var(--q-muted);letter-spacing:-.2px;margin-top:22px;font-size:16px;line-height:1.75}.q-section-copy>.q-text-link{margin-top:22px}.q-library-link{color:#6f666e;text-underline-offset:3px;width:fit-content;margin-top:8px;font-size:12px;line-height:1.5;display:block;text-decoration:underline!important}.q-library-link:hover{color:var(--q-berry)}.phrase-preview{background:#fff;border:1px solid #ebe8e5;border-radius:28px;min-width:0;padding:26px;box-shadow:0 20px 50px #3c273707}.phrase-preview-choices{border-bottom:1px solid #eeece9;align-items:center;gap:6px;padding-bottom:23px;display:flex}.phrase-preview-choice{color:#747078;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:20px;min-height:40px;padding:9px 13px;font-size:12px!important}.phrase-preview-choice[aria-pressed=true]{color:#b41543;background:#f9eaf0}.phrase-preview-card{text-align:center;padding:35px 0 12px;position:relative}.phrase-preview-chinese{color:var(--q-ink);letter-spacing:2px;font-size:44px;line-height:1.4}.phrase-preview-jyutping{color:var(--q-berry);font-size:15px;margin-top:9px!important}.phrase-preview-english{color:var(--q-muted);font-size:14px;margin-top:12px!important}.phrase-preview-play{color:#fff;background:var(--q-berry);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:26px auto 0;transition:transform .2s,background .2s;display:flex}.phrase-preview-play:hover{background:#a61240;transform:scale(1.05)}.phrase-preview-play svg{width:22px;height:22px}.phrase-preview-note,.phrase-preview-status{color:#746e75;text-align:center;font-size:11px;line-height:1.5;margin-top:15px!important}.phrase-preview-error{color:#a41c36;text-align:center;font-size:12px;line-height:1.5;margin-top:12px!important}.q-inside{padding-block:106px 90px}.q-section-heading{text-align:center}.q-feature-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;display:grid}.q-feature{background:#f1f1ed;border-radius:28px;height:605px;position:relative;overflow:hidden}.q-feature-build{background:#f7eefa}.q-feature-copy{padding:36px 38px 0}.q-feature-label{color:#69646b;letter-spacing:.08em;font-size:10px;font-weight:600}.quietLanding .q-feature h3{letter-spacing:-1px;margin:12px 0;font-size:26px;font-weight:550;line-height:1.2}.quietLanding .q-feature p{max-width:340px;color:var(--q-muted);font-size:14px;line-height:1.7}.q-feature-screen{width:260px;margin:36px auto 0}.q-feature-screen .q-phone{border-width:6px;border-radius:38px;transform:rotate(-3deg)}.q-feature-screen .q-phone img{border-radius:31px}.q-feature-build .q-phone{transform:rotate(3deg)}.quietLanding .q-screen-note{color:#746e75;text-align:center;margin-top:21px;font-size:11px}.q-questions{grid-template-columns:.85fr 1.15fr;gap:80px;padding:36px 0 106px;display:grid}.q-questions .q-section-copy h2{font-size:42px}.q-faqs{border-top:1px solid var(--q-line)}.q-faqs details{border-bottom:1px solid var(--q-line)}.q-faqs summary{cursor:pointer;letter-spacing:-.3px;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:15px;font-weight:500;list-style:none;display:flex}.q-faqs summary::-webkit-details-marker{display:none}.q-faqs summary>span{color:#88838a;font-size:23px;font-weight:300;transition:transform .2s}.q-faqs details[open] summary>span{transform:rotate(45deg)}.quietLanding .q-faqs p{color:var(--q-muted);padding:0 30px 25px 0;font-size:14px;line-height:1.8}.q-final{text-align:center;background:#f6f2f0;padding:80px 0 90px}.q-final-icon{border-radius:18px;margin:0 auto 24px;display:block;box-shadow:0 8px 18px #48132a12}.quietLanding .q-final h2{letter-spacing:-3px;font-size:56px;font-weight:550;line-height:1.08}.q-final h2 span{color:var(--q-berry)}.quietLanding .q-final p:not(.q-free-note){color:var(--q-muted);margin:22px 0 26px;font-size:15px}.quietLanding .q-footer{color:var(--q-muted);border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:32px 0;display:flex}.q-footer .q-brand{color:var(--q-ink);font-size:14px}.quietLanding .q-footer nav{gap:25px;margin:0;font-size:12px;display:flex}.quietLanding .q-footer nav a{font-weight:400}.quietLanding .q-footer>p{color:#746e75;border-top:1px solid var(--q-line);flex-basis:100%;justify-content:space-between;padding-top:22px;font-size:10px;line-height:1.6;display:flex}@keyframes q-arrive{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes q-note-arrive{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes q-phone-arrive{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0}}@media (max-width:900px){.q-try-grid{gap:50px}.q-feature-copy{padding:30px 28px 0}.q-questions{gap:45px}.q-hello-note{left:0}.q-auntie-note{right:0}}@media (max-width:700px){.q-container{width:calc(100% - 40px)}.q-header-inner{gap:12px;width:calc(100% - 36px);height:66px}.q-brand{letter-spacing:-.5px;gap:8px;font-size:16px}.q-brand img{border-radius:7px;width:28px;height:28px}.quietLanding .q-header nav{display:none}.q-get{padding:10px 13px;font-size:11px}.q-get .q-arrow{width:14px}.q-hero{padding-top:49px}.q-hero .q-eyebrow{font-size:12px}.quietLanding .q-hero h1{letter-spacing:-.065em;margin:17px auto 20px;font-size:clamp(35px,10.7vw,59px);line-height:1.07}.quietLanding .q-hero-description{letter-spacing:-.2px;font-size:14px;line-height:1.75}.q-hero-actions{gap:20px;margin-top:24px}.q-store img{width:144px;height:48px}.q-text-link{gap:6px;font-size:12px}.quietLanding .q-free-note{margin-top:14px;font-size:10px}.q-product-stage{width:390px;max-width:100%;height:532px;margin-top:34px}.q-hero-phone{border-width:6px;border-radius:35px;width:224px;top:6px;transform:translate(-50%)rotate(-3deg)}.q-hero-phone img{border-radius:28px}.q-stage-halo{width:340px;max-width:110%;height:340px;top:70px}.q-hello-note{border-radius:17px;width:131px;padding:15px;top:103px;left:-7px}.q-note-label{letter-spacing:.05em;font-size:6px}.q-note-dot{width:4px;height:4px;margin-right:4px}.q-hello-note strong{margin-top:10px;font-size:31px}.q-note-pronunciation{font-size:11px}.q-note-translation{margin-top:11px;font-size:8px;line-height:1.4}.q-auntie-note{width:112px;top:302px;right:-7px}.q-auntie-note>img{width:103px;height:103px}.q-auntie-note>span{border-radius:12px;padding:9px 8px;font-size:10px}.q-auntie-note .q-flower{width:20px;height:20px;bottom:-10px;right:-3px}.q-stage-caption{font-size:9px;bottom:0}.q-principles{gap:14px;padding:46px 0 52px}.q-mini-icon{margin-bottom:12px}.q-mini-icon svg{width:20px;height:20px}.quietLanding .q-principles h2{letter-spacing:-.2px;margin-bottom:6px;font-size:12px}.quietLanding .q-principles p{font-size:10px;line-height:1.65}.q-try-section{padding:56px 0}.q-try-grid{grid-template-columns:1fr;gap:30px}.quietLanding .q-section-copy h2,.quietLanding .q-section-heading h2{letter-spacing:-1.8px;margin-top:14px;font-size:38px}.quietLanding .q-eyebrow{font-size:10px}.quietLanding .q-section-copy>p:not(.q-eyebrow),.quietLanding .q-section-heading>p:not(.q-eyebrow){margin-top:17px;font-size:14px}.q-section-copy>.q-text-link{margin-top:13px}.phrase-preview{border-radius:24px;padding:22px}.phrase-preview-choices{justify-content:space-between;gap:3px;padding-bottom:18px}.phrase-preview-choice{padding:8px 12px}.phrase-preview-card{padding-top:28px}.phrase-preview-chinese{font-size:40px}.q-inside{padding:62px 0 48px}.q-feature-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.q-feature{border-radius:24px;height:520px}.q-feature-copy{padding:28px 28px 0}.quietLanding .q-feature h3{margin:10px 0;font-size:25px}.quietLanding .q-feature p{max-width:300px;font-size:13px}.q-feature-screen{width:234px;margin-top:29px}.q-questions{grid-template-columns:1fr;gap:26px;padding:16px 0 60px}.q-questions .q-section-copy h2{font-size:35px}.q-faqs summary{padding:21px 0;font-size:14px}.quietLanding .q-faqs p{padding-right:16px;font-size:13px}.q-final{padding:56px 0 60px}.q-final-icon{border-radius:16px;width:62px;height:62px;margin-bottom:23px}.quietLanding .q-final h2{letter-spacing:-2.2px;font-size:43px}.quietLanding .q-final p:not(.q-free-note){font-size:13px}.quietLanding .q-footer{gap:25px;padding:27px 0}.quietLanding .q-footer nav{gap:18px;font-size:11px}.quietLanding .q-footer>p{padding-top:18px;font-size:9px;display:block}.q-footer>p>span{margin-top:5px;display:block}}@media (max-width:350px){.q-container{width:calc(100% - 32px)}.q-brand{font-size:14px}.q-get{padding-inline:10px}.q-hero-actions{gap:14px}.q-hero-description{font-size:13px!important}.q-hero-phone{width:208px}.q-product-stage{height:491px}.q-hello-note{width:115px;left:-5px}.q-auntie-note{width:98px;top:292px;right:-5px}.q-auntie-note>img{width:90px;height:90px}.q-auntie-note>span{font-size:9px}.q-principles{gap:8px}.quietLanding .q-principles h2{font-size:11px}.quietLanding .q-principles p{font-size:9px}.phrase-preview{padding:18px}.phrase-preview-choice{padding-inline:9px;font-size:11px!important}.quietLanding .q-footer nav{gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quietLanding *,.quietLanding :before,.quietLanding :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.phrase-preview-copy{flex-direction:column;display:flex}.phrase-preview-chinese{order:0}.phrase-preview-jyutping{order:1}.phrase-preview-english{order:2}.phrase-preview-status{max-width:280px;min-height:33px;margin-inline:auto!important}.phrase-preview-play[data-loading=true]{opacity:.65}.learningSite{--learn-paper:#fdfcf9;--learn-ink:#242426;--learn-muted:#696970;--learn-berry:#c9164c;--learn-line:#e8e5e1;min-height:100svh;color:var(--learn-ink);background:var(--learn-paper);font-family:var(--font-geist),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.learningSite :is(h1,h2,h3,p,figure){margin:0}.learningSite :is(h1,h2,h3){color:var(--learn-ink)}.learningSite a{text-decoration:none}.learningSite :is(a,button,summary):focus-visible{outline:3px solid var(--learn-berry);outline-offset:5px}.learningSite .learn-wrap{width:min(1040px,100% - 64px);margin-inline:auto}.learn-skip{z-index:100;color:#fff;background:var(--learn-ink);border-radius:10px;padding:12px 16px;position:fixed;top:-100px;left:16px}.learn-skip:focus{top:12px}.learn-header{border-bottom:1px solid var(--learn-line);background:#fdfcf9f0}.learn-header-inner{align-items:center;gap:28px;min-height:76px;display:flex}.learn-brand{color:var(--learn-ink);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:9px;font-size:17px;font-weight:650;display:inline-flex}.learn-brand img{border-radius:8px;display:block}.learn-nav{color:#5f5c60;white-space:nowrap;align-items:center;gap:27px;margin:0 0 0 auto;font-size:13px;display:flex}.learn-nav a:hover,.learn-footer a:hover,.learn-breadcrumbs a:hover,.learn-inline-link:hover{color:var(--learn-berry)}.learn-top-cta{color:#fff;background:var(--learn-berry);white-space:nowrap;border-radius:22px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;font-weight:600;display:inline-flex}.learn-top-cta:hover,.learn-download-button:hover{background:#a5123e}.learn-main{padding-block:42px 100px}.learn-breadcrumbs{color:#79757a;max-width:none;margin:0 0 44px;font-size:12px}.learn-breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:0;list-style:none;display:flex}.learn-breadcrumbs li:not(:first-child):before{content:"/";color:#b7b1b6;margin-right:7px}.learn-breadcrumbs li[aria-current=page]{color:var(--learn-ink)}.learningSite .learn-kicker{color:var(--learn-berry);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:650;line-height:1.5}.learn-hero{max-width:790px}.learningSite .learn-hero h1{letter-spacing:-.06em;max-width:790px;margin-top:16px;font-size:clamp(42px,5.7vw,70px);font-weight:590;line-height:1.08}.learningSite .learn-hero>p:last-child{color:var(--learn-muted);margin-top:23px;font-size:clamp(16px,2vw,19px);line-height:1.7}.learn-hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.learn-primary-link,.learn-secondary-link{border-radius:25px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 19px;font-size:13px;font-weight:650;display:inline-flex}.learn-primary-link{background:var(--learn-berry);color:#fff}.learn-primary-link:hover{background:#a5123e}.learn-secondary-link{color:var(--learn-ink);border:1px solid #d6d1d1}.learn-secondary-link:hover{border-color:var(--learn-berry);color:var(--learn-berry)}.learn-section{margin-top:75px}.learn-section-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.learningSite .learn-section h2{letter-spacing:-.045em;font-size:clamp(27px,3.5vw,37px);font-weight:570;line-height:1.18}.learningSite .learn-section-intro{color:var(--learn-muted);max-width:610px;margin-top:12px;font-size:15px;line-height:1.7}.learn-inline-link{color:var(--learn-berry);white-space:nowrap;font-size:13px;font-weight:600}.learn-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.learn-card{border:1px solid var(--learn-line);background:#fff;border-radius:22px;flex-direction:column;gap:12px;min-width:0;padding:24px;transition:border-color .2s,transform .2s;display:flex}.learn-card:hover{border-color:#dfb3c3;transform:translateY(-2px)}.learn-card small{color:var(--learn-berry);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:650}.learningSite .learn-card strong{color:var(--learn-ink);letter-spacing:-.025em;font-size:20px;font-weight:600;line-height:1.3}.learn-card span{color:var(--learn-muted);font-size:13px;line-height:1.6}.learn-card .learn-card-chinese{color:var(--learn-ink);font-size:24px;line-height:1.4}.learn-card .learn-card-jyutping{color:var(--learn-berry);margin-top:-9px;font-size:12px}.learn-card .learn-card-arrow{color:var(--learn-berry);margin-top:auto;font-size:17px}.learn-card-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.learn-topic-jumps{flex-wrap:wrap;gap:9px;margin:28px 0 8px;display:flex}.learn-topic-jumps a{border:1px solid var(--learn-line);min-height:37px;color:var(--learn-ink);background:#fff;border-radius:20px;align-items:center;padding:8px 13px;font-size:12px;font-weight:560;line-height:1.3;display:inline-flex}.learn-topic-jumps a:hover{color:var(--learn-berry);border-color:#dfb3c3}.learn-phrase-topic{margin-top:38px;scroll-margin-top:24px}.learn-phrase-topic-heading{justify-content:space-between;align-items:baseline;gap:12px 24px;margin-bottom:16px;display:flex}.learningSite .learn-phrase-topic-heading h3{letter-spacing:-.035em;font-size:23px;font-weight:590}.learn-phrase-topic-heading div{flex-wrap:wrap;align-items:baseline;gap:7px 13px;display:flex}.learn-phrase-topic-heading div span{color:var(--learn-muted);font-size:12px}.learn-phrase-topic-heading a{color:var(--learn-berry);white-space:nowrap;font-size:12px;font-weight:600}.learn-phrase-topic-heading a:hover{text-underline-offset:3px;text-decoration:underline}.learn-phrase-list{border-top:1px solid var(--learn-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;display:grid}.learn-phrase-row{border-bottom:1px solid var(--learn-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 4px;display:grid}.learn-phrase-row:hover .learn-row-title{color:var(--learn-berry)}.learn-row-title{color:var(--learn-ink);font-size:15px;font-weight:600;display:block}.learn-phrase-row small{color:var(--learn-muted);margin-top:3px;font-size:12px;line-height:1.5;display:block}.learn-phrase-row b{color:var(--learn-ink);font-size:18px;font-weight:500}.learn-answer{border:1px solid var(--learn-line);background:#fff;border-radius:27px;max-width:800px;margin-top:38px;padding:32px;box-shadow:0 15px 45px #32202a08}.learningSite .learn-answer h2{letter-spacing:-.02em;font-size:17px;font-weight:600}.learn-answer-line{justify-content:space-between;align-items:center;gap:22px;margin-top:25px;display:flex}.learn-answer-chinese{color:var(--learn-ink);letter-spacing:.02em;font-size:clamp(36px,5vw,54px);font-weight:510;line-height:1.2}.learn-answer-jyutping{color:var(--learn-berry);margin-top:6px;font-size:18px;display:block}.learningSite .learn-answer-english{color:var(--learn-muted);margin-top:16px;font-size:15px}.learn-audio-button{color:#fff;background:var(--learn-berry);min-width:158px;min-height:47px;font:inherit;cursor:pointer;border:0;border-radius:25px;justify-content:center;align-items:center;gap:9px;padding:10px 15px;font-size:12px;font-weight:650;display:inline-flex}.learn-audio-button:hover{background:#a5123e}.learn-audio-button svg{flex-shrink:0;width:16px;height:16px}.learningSite .learn-audio-status{color:var(--learn-muted);margin-top:20px;font-size:12px;line-height:1.5}.learn-audio-status[data-error=true]{color:#a41c36}.learn-answer-note{background:#faf5f4;border-radius:16px;margin-top:24px;padding:18px 20px}.learningSite .learn-answer-note h3{letter-spacing:-.015em;font-size:15px;font-weight:620}.learningSite .learn-answer-note p{color:#575258;margin-top:8px;font-size:13px;line-height:1.65}.learn-answer-links{flex-wrap:wrap;gap:6px 16px;margin-top:12px;display:flex}.learn-answer-links a{color:var(--learn-berry);text-underline-offset:3px;font-size:12px;font-weight:620;line-height:1.5;text-decoration:underline}.learningSite .learn-answer-note small{color:var(--learn-muted);margin-top:12px;font-size:11px;line-height:1.5;display:block}.learn-answer-note small a{color:var(--learn-berry);text-underline-offset:3px;text-decoration:underline}.learningSite .learn-audio-credit{color:#8a858b;margin-top:8px;font-size:11px;line-height:1.5}.learningSite .learn-entry-start{border-top:1px solid var(--learn-line);color:var(--learn-muted);margin-top:18px;padding-top:16px;font-size:12px;line-height:1.5}.learn-entry-start a{color:var(--learn-berry);text-underline-offset:3px;font-weight:620;text-decoration:underline}.learn-prose{max-width:730px}.learn-prose-section{margin-top:53px}.learningSite .learn-prose-section h2{color:var(--learn-ink);letter-spacing:-.035em;font-size:26px;font-weight:580}.learningSite .learn-prose-section p{color:#545258;margin-top:16px;font-size:16px;line-height:1.8}.learn-prose-section :is(ol,ul){color:#545258;margin:16px 0 0;padding-left:21px;font-size:15px;line-height:1.8}.learn-prose-section li+li{margin-top:10px}.learn-prose-section .learn-sound-parts{border-top:1px solid var(--learn-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;padding-left:0;list-style:none;display:grid}.learn-sound-parts li,.learn-prose-section .learn-sound-parts li+li{border-bottom:1px solid var(--learn-line);flex-direction:column;gap:1px;margin-top:0;padding:10px 0;display:flex}.learn-sound-parts strong{color:var(--learn-ink);font-size:14px;font-weight:620}.learn-sound-parts span{color:var(--learn-muted);font-size:12px}.learn-guide-article{margin-top:48px}.learn-guide-phrases{border-top:1px solid var(--learn-line);margin-top:23px}.learn-guide-phrase{border-bottom:1px solid var(--learn-line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:15px 2px;display:grid}.learn-guide-phrase:hover strong{color:var(--learn-berry)}.learn-guide-phrase strong{color:var(--learn-ink);font-size:14px;font-weight:610;display:block}.learn-guide-phrase small{color:var(--learn-muted);margin-top:4px;font-size:12px;display:block}.learn-guide-phrase b{color:var(--learn-ink);text-align:right;font-size:18px;font-weight:500}.learn-guide-phrase>span:last-child{color:var(--learn-berry)}.learn-sources{margin-top:52px}.learningSite .learn-sources h2{letter-spacing:-.03em;font-size:21px;font-weight:580}.learn-sources ul{color:var(--learn-muted);margin:13px 0 0;padding-left:19px;font-size:13px;line-height:1.8}.learn-sources a{color:var(--learn-berry);text-underline-offset:3px;text-decoration:underline}.learn-related{margin-top:56px}.learningSite .learn-related h2{letter-spacing:-.035em;margin-bottom:20px;font-size:27px;font-weight:570}.learn-related .learn-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-download{background:#f6f0ef;border-radius:27px;justify-content:space-between;align-items:center;gap:28px;margin-top:80px;padding:36px 40px;display:flex}.learningSite .learn-download h2{color:var(--learn-ink);letter-spacing:-.04em;margin-top:9px;font-size:30px;font-weight:570;line-height:1.14}.learningSite .learn-download p:not(.learn-kicker){color:var(--learn-muted);margin-top:10px;font-size:14px;line-height:1.65}.learn-download small{color:#777078;margin-top:12px;font-size:11px;display:block}.learn-download-button{color:#fff;background:var(--learn-berry);text-align:center;border-radius:25px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-size:13px;font-weight:650;display:inline-flex}.learn-footer{border-top:1px solid var(--learn-line)}.learn-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;padding-block:35px;display:flex}.learn-footer-inner p{color:var(--learn-muted);margin-top:8px;font-size:11px}.learn-footer nav{color:var(--learn-muted);flex-wrap:wrap;gap:22px;margin:0;font-size:12px;display:flex}.learn-footer small{border-top:1px solid var(--learn-line);color:#837f84;flex-basis:100%;padding-top:20px;font-size:10px}@media (max-width:800px){.learn-nav{gap:15px;font-size:12px}.learn-card-grid,.learn-card-grid-four,.learn-related .learn-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.learn-phrase-topic-heading{flex-direction:column;align-items:flex-start}.learn-prose-section .learn-sound-parts{grid-template-columns:1fr}.learningSite .learn-wrap{width:calc(100% - 40px)}.learn-header-inner{gap:12px;min-height:65px}.learn-brand{font-size:15px}.learn-brand img{width:28px;height:28px}.learn-nav{display:none}.learn-top-cta{margin-left:auto;padding:9px 12px;font-size:11px}.learn-main{padding-block:25px 70px}.learn-breadcrumbs{margin-bottom:30px}.learningSite .learn-hero h1{font-size:clamp(39px,10vw,54px)}.learningSite .learn-hero>p:last-child{margin-top:18px;font-size:15px}.learn-section{margin-top:56px}.learn-section-header{display:block}.learn-section-header .learn-inline-link{margin-top:15px;display:inline-block}.learn-card-grid,.learn-card-grid-four,.learn-related .learn-card-grid{grid-template-columns:1fr}.learn-card{padding:22px}.learn-phrase-list{grid-template-columns:1fr}.learn-phrase-row{grid-template-columns:1fr;gap:8px}.learn-guide-phrase{grid-template-columns:minmax(0,1fr) 20px;gap:6px 10px}.learn-guide-phrase b{text-align:left;overflow-wrap:anywhere;grid-area:2/1}.learn-guide-phrase>span:last-child{grid-area:1/2/3;align-self:center}.learn-answer{margin-top:30px;padding:24px}.learn-answer-line{flex-direction:column;align-items:flex-start;gap:18px}.learn-audio-button{width:100%}.learn-prose-section{margin-top:43px}.learningSite .learn-prose-section h2{font-size:23px}.learningSite .learn-prose-section p{font-size:15px}.learn-download{margin-top:65px;padding:28px;display:block}.learn-download-button{width:100%;margin-top:25px}.learn-footer-inner{flex-direction:column;align-items:flex-start;gap:25px}.learn-footer small{width:100%}}@media (max-width:360px){.learningSite .learn-wrap{width:calc(100% - 32px)}.learn-brand{font-size:14px}.learn-top-cta{font-size:10px}.learningSite .learn-hero h1{font-size:37px}}@media (prefers-reduced-motion:reduce){.learningSite *{transition:none!important;animation:none!important}}