@font-face{font-family:vietnam;src:url(../media/BeVietnamPro_Regular-s.p.1nlimke5aj2eb.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:vietnam;src:url(../media/BeVietnamPro_Medium-s.p.39eu6nq7jfmzg.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:vietnam;src:url(../media/BeVietnamPro_SemiBold-s.p.0n1wz5idwi9nd.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:vietnam Fallback;src:local(Arial);ascent-override:90.08%;descent-override:23.87%;line-gap-override:0.0%;size-adjust:111.01%}.ZbUP2G_className{font-family:vietnam,vietnam Fallback}.ZbUP2G_variable{--font-vietnam:"vietnam", "vietnam Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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]){appearance:button}::file-selector-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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.overflow-x-clip{overflow-x:clip}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
:root{--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--color-error:#be2323;--color-success:#21763c;--color-paper:#fcf9f3;--color-paper-2:#f5f1e9;--color-paper-3:#eae5db;--color-ink:#13110f;--color-ink-2:#302d29;--color-muted:#5e5a53;--color-rule:#e0dcd4;--color-rule-2:#ece9e3;--color-accent:#035f5c;--color-accent-soft:#d1ebe9;--color-accent-ink:#faf8f4;--color-focus:#007974;--color-band:#002b2b;--color-band-ink:#efebe2;--color-slot:#b29769;--shadow-part:0 1px 0 #18161140, 0 10px 18px -6px #1816114d;--shadow-panel:0 1px 0 #18161133, 0 24px 48px -16px #1b150b59;--font-display:var(--font-vietnam), sans-serif;--font-body:var(--font-vietnam), sans-serif;--font-outlier:var(--font-vietnam), sans-serif;--radius-card:20px;--radius-part:6px;--radius-pill:999px;--shadow-card:none;--tracking-display:-.035em}@supports (color:lab(0% 0 0)){:root{--color-error:lab(42.4236% 59.8149 41.9956);--color-success:lab(43.5038% -36.3107 24.0307);--color-paper:lab(97.9389% .365525 3.03061);--color-paper-2:lab(95.1644% .513434 4.17416);--color-paper-3:lab(91.1134% .668496 5.32275);--color-ink:lab(5.27935% .295393 1.62933);--color-ink-2:lab(18.8208% .502124 3.04474);--color-muted:lab(38.5514% .74926 4.56419);--color-rule:lab(87.8562% .516027 4.17589);--color-rule-2:lab(92.49% .415087 3.41198);--color-accent:lab(35.8921% -25.3736 -5.03199);--color-accent-soft:lab(91.0401% -9.33996 -1.92811);--color-accent-ink:lab(97.7045% .164717 2.28317);--color-focus:lab(45.3424% -30.4573 -6.0357);--color-band:lab(14.6355% -14.7238 -4.41839);--color-band-ink:lab(93.0876% .35277 4.58177);--color-slot:lab(64.1408% 5.82805 28.1296);--shadow-part:0 1px 0 lab(7.24722% .654019 3.2768/.25), 0 10px 18px -6px lab(7.24722% .654019 3.2768/.3);--shadow-panel:0 1px 0 lab(7.24722% .654019 3.2768/.2), 0 24px 48px -16px lab(7.25373% 1.57871 6.11279/.35)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--metal-hi:#f7f5f1;--metal-lo:#d1cdc7;--edge-light:inset 0 1px 0 #ffffff80;--rule-hair:1px;--display-weight:400}@supports (color:lab(0% 0 0)){:root{--metal-hi:lab(96.5445% .164807 2.28326);--metal-lo:lab(82.6398% .291049 3.81616);--edge-light:inset 0 1px 0 lab(100% 0 0/.5)}}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}
*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]>img{filter:saturate(.65)contrast(.97)sepia(.14)}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:#080f19;--color-paper-2:#101c29;--color-paper-3:#1a2b3b;--color-ink:#f3f5f4;--color-ink-2:#c6d0d9;--color-muted:#9aaab9;--color-rule:#2b3b4b;--color-rule-2:#1d2a37;--color-accent:#3fe0ff;--color-accent-ink:#061024;--color-accent-soft:#193a48;--color-focus:#3fe0ff;--color-clear:transparent;--color-nav:#0d1722ed;--color-shadow:#0208119c;--color-paper-scrim:#080f1900;--font-body:var(--font-vietnam), sans-serif;--font-display:var(--font-vietnam), sans-serif;--font-chinese:"PingFang SC", "Microsoft YaHei", sans-serif;--display-weight:500;--tracking-display:-.065em;--container:1440px;--gutter:64px;--radius-card:28px;--shadow-screen:16px 36px 70px var(--color-shadow)}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:var(--font-body);background:var(--color-paper);color:var(--color-ink)}button,a{-webkit-tap-highlight-color:var(--color-clear)}button{cursor:pointer}a{text-decoration:none}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}button:disabled{opacity:.6;cursor:not-allowed}button:active,.button:active{transform:translateY(1px)}button[aria-busy=true]{cursor:progress}figure{margin:0}.skip-link{z-index:1000;background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-sm) 20px;position:absolute;inset:12px auto auto 12px;transform:translateY(-150%)}.skip-link:focus-visible{transform:none}.site-header{justify-content:space-between;align-items:center;gap:var(--space-lg);z-index:30;height:112px;display:flex;position:relative}.brand{align-items:center;gap:var(--space-sm);letter-spacing:-.055em;font-size:28px;font-weight:600;display:inline-flex}.brand img{border-radius:11px}.nav-links{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-nav);display:flex}.nav-links a{padding:var(--space-sm) 20px;color:var(--color-ink-2);white-space:nowrap;font-size:13px}.nav-links a:hover,.text-action:hover{color:var(--color-accent)}.nav-download{align-items:center;gap:var(--space-sm);min-height:44px;font-size:14px;display:flex}.nav-download:hover{color:var(--color-accent)}.menu-toggle{display:none!important}.icon-button{width:48px;height:48px;color:var(--color-ink);background:var(--color-clear);border:1px solid var(--color-rule);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hero{position:relative}.hero-grid{gap:var(--gap-columns);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:calc(100svh - 112px);padding-block:32px 72px;display:grid}.hero-copy{z-index:3;padding-block:var(--space-lg);position:relative}.hero-copy h1{max-width:9ch;font-size:clamp(60px,6.6vw,96px);line-height:1.12}.hero-copy h1 span{white-space:nowrap;display:block}.hero-copy p{color:var(--color-ink-2);max-width:28ch;margin-top:28px;font-size:17px;line-height:1.7}.hero-actions{gap:var(--space-lg);align-items:center;margin-top:36px;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);border-radius:var(--radius-pill);border:1px solid var(--color-clear);white-space:nowrap;min-height:52px;transition:transform .18s var(--ease-out), background-color .18s;font-size:14px;font-weight:500;display:inline-flex}.primary{background:var(--color-accent);color:var(--color-accent-ink)}.primary:hover{background:var(--color-ink)}.text-action{align-items:center;gap:var(--space-xs);white-space:nowrap;min-height:48px;font-size:13px;display:inline-flex}.hero-stage{isolation:isolate;height:min(650px,100svh - 200px);min-height:490px;position:relative}.hero-landscape{z-index:-2;opacity:.7;-webkit-mask-image:linear-gradient(to right, var(--color-clear), var(--color-paper) 30%, var(--color-paper) 80%, var(--color-clear)), linear-gradient(to bottom, var(--color-clear), var(--color-paper) 15%, var(--color-paper) 75%, var(--color-clear));mask-image:linear-gradient(to right, var(--color-clear), var(--color-paper) 30%, var(--color-paper) 80%, var(--color-clear)), linear-gradient(to bottom, var(--color-clear), var(--color-paper) 15%, var(--color-paper) 75%, var(--color-clear));position:absolute;inset:-80px -64px -40px -70px;-webkit-mask-composite:source-in;mask-composite:intersect}.hero-landscape img{object-fit:cover;object-position:50% 79%;width:100%;height:100%}.song-name{writing-mode:vertical-rl;font-family:var(--font-chinese);color:var(--color-ink);opacity:.12;font-size:128px;line-height:1.1;position:absolute;top:2%;left:4%}.hero-screen{width:min(46%,290px);box-shadow:var(--shadow-screen);border-radius:27px;position:absolute;top:0;right:12%;overflow:clip}.hero-screen img{width:100%;height:auto}.hero-translation{align-items:flex-start;gap:var(--space-3xs);border-left:2px solid var(--color-accent);background:linear-gradient(90deg, var(--color-paper), var(--color-paper-scrim));flex-direction:column;padding:20px 0 20px 20px;display:flex;position:absolute;bottom:12%;left:0}.hero-translation span:first-child{font-family:var(--font-chinese);letter-spacing:.1em;font-size:40px}.hero-translation span:nth-child(2){color:var(--color-accent);margin-block:var(--space-2xs);font-size:13px}.hero-translation span:last-child{color:var(--color-ink-2);font-size:14px}.stage-caption{color:var(--color-muted);font-size:12px;position:absolute;bottom:0;right:7%}@media (prefers-reduced-motion:no-preference){.hero-copy h1 span{animation:entrance .9s var(--ease-out) both}.hero-copy h1 span:nth-child(2){animation-delay:90ms}.hero-copy h1 span:nth-child(3){animation-delay:.18s}.hero-copy p,.hero-actions{animation:entrance .9s .25s var(--ease-out) both}@keyframes entrance{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}}@media (min-width:1600px){.hero-grid{min-height:min(850px,100svh - 112px)}}@media (max-width:1100px){:root{--gutter:40px}.hero-copy h1{font-size:70px}.hero-actions{gap:var(--space-md)}.hero-screen{width:54%;right:8%}.hero-translation{left:-15px}}@media (max-width:760px){:root{--gutter:24px}.site-header{gap:var(--space-md);height:88px}.brand{font-size:26px}.brand img{width:32px;height:32px}.nav-download{gap:var(--space-xs);margin-left:auto;font-size:12px}.menu-toggle{width:44px;height:44px;display:inline-flex!important}.nav-links{display:none}.nav-links.is-open{top:78px;left:var(--gutter);right:var(--gutter);padding:var(--space-sm);background:var(--color-paper-2);border-radius:20px;flex-direction:column;display:flex;position:absolute}.nav-links a{font-size:16px}.hero-grid{gap:var(--space-lg);min-height:0;padding-top:var(--space-xl);grid-template-columns:minmax(0,1fr);padding-bottom:48px}.hero-copy{padding-block:0}.hero-copy h1{max-width:none;font-size:clamp(38px,11.5vw,78px);line-height:1.14}.hero-copy h1 span:nth-child(2),.hero-copy h1 span:nth-child(3){display:inline}.hero-copy h1 span:nth-child(2):after{content:" "}.hero-copy p{max-width:28ch;margin-top:var(--space-lg);font-size:16px}.hero-actions{margin-top:var(--space-lg);flex-wrap:wrap;gap:20px}.button{padding-inline:20px}.hero-stage{height:520px;min-height:0;margin-top:var(--space-lg)}.hero-screen{width:220px;top:12px;right:0}.hero-landscape{inset:-20px -24px 0}.song-name{font-size:110px;top:40px;left:0}.hero-translation{padding-left:var(--space-sm);top:170px;bottom:auto;left:0}.hero-translation span:first-child{font-size:26px}.stage-caption{bottom:0;right:0}}@media (max-width:370px){:root{--gutter:20px}.nav-download svg{display:none}.hero-copy h1{font-size:38px}.hero-actions{gap:var(--space-sm)}.text-action{font-size:12px}.hero-screen{width:205px;right:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero-screen,.hero-landscape{transform:none!important}}.section{padding-block:var(--section-gap-s)}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--gap-columns);margin-bottom:var(--space-2xl);display:flex}h2{font-size:clamp(38px,4.5vw,64px);line-height:1.15}.section-heading>p{color:var(--color-muted);max-width:32ch;font-size:17px;line-height:1.8}.lyric-section{background:var(--color-paper-2);position:relative}.lyric-lab{border-top:1px solid var(--color-rule)}.lab-toolbar{justify-content:space-between;align-items:center;gap:var(--space-lg);padding-block:var(--space-lg);color:var(--color-muted);font-size:13px;display:flex}.lab-toolbar>span{align-items:center;gap:var(--space-md);display:flex}.lab-toolbar>span>span{color:var(--color-ink-2);font-size:18px}.toggle-button{align-items:center;gap:var(--space-sm);background:var(--color-clear);height:44px;color:var(--color-ink-2);border:0;padding:0;font-size:13px;display:flex}.switch-track{width:36px;height:20px;padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-rule)}.switch-track>span{background:var(--color-ink);width:14px;height:12px;transition:transform .25s var(--ease-out);border-radius:50%;display:block}.toggle-button[aria-pressed=true] .switch-track{background:var(--color-accent)}.toggle-button[aria-pressed=true] .switch-track>span{background:var(--color-accent-ink);transform:translate(16px)}.lyric-words{justify-content:space-between;align-items:center;gap:var(--space-xs);padding-top:var(--space-xl);display:flex}.lyric-word{border:0;border-bottom:2px solid var(--color-clear);padding:0 var(--space-sm) 20px;color:var(--color-muted);background:var(--color-clear);transition:color .2s, transform .2s var(--ease-out)}.lyric-word .pinyin{margin-bottom:var(--space-lg);letter-spacing:0;color:var(--color-ink-2);min-height:1.5em;font-size:16px;font-weight:400;display:block}.pinyin.concealed{opacity:0}.lyric-word .hanzi{font-family:var(--font-chinese);white-space:nowrap;font-size:clamp(40px,5.5vw,80px);font-weight:400;line-height:1.25}.lyric-word:hover{color:var(--color-ink)}.lyric-word.selected{color:var(--color-accent);border-bottom-color:var(--color-accent)}.lyric-meaning{text-align:center;color:var(--color-ink-2);margin-top:var(--space-xl);font-size:19px}.word-definition{border-top:1px solid var(--color-rule);margin-top:var(--space-2xl);min-height:142px}.definition-content{gap:var(--gap-columns);padding-block:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;display:grid}.definition-word{align-items:center;gap:var(--space-lg);display:flex}.definition-word>span:first-child{font-family:var(--font-chinese);font-size:32px}.definition-word>span:last-child,.sino{color:var(--color-muted);font-size:13px}.definition-content h3{letter-spacing:-.03em;margin-bottom:var(--space-xs);font-size:20px}.definition-content p{color:var(--color-muted);font-size:14px}.sino{justify-self:end}.section-footnote{color:var(--color-muted);margin-top:var(--space-lg);font-size:12px}.review-section{padding-block:var(--section-gap-l)}.review-grid{gap:var(--gap-columns);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.review-copy>p{color:var(--color-muted);margin-top:var(--space-lg);font-size:17px;line-height:1.8}.review-list{margin:var(--space-xl) 0 0;max-width:370px;padding:0;list-style:none}.review-list li{align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-rule-2);padding-block:20px;font-size:14px;display:flex}.review-list svg{color:var(--color-accent)}.review-demo{perspective:1200px;padding:var(--space-lg);flex-direction:column;align-items:center;gap:44px;display:flex}.review-card-wrap{aspect-ratio:1.15;perspective:1200px;width:100%;max-width:430px;position:relative}.review-sheet{border-radius:var(--radius-card);position:absolute;inset:0}.sheet-back{background:var(--color-rule-2);transform:rotate(-9deg)translateY(10px)}.sheet-middle{background:var(--color-rule);transform:rotate(5deg)translateY(6px)}.review-card{transform-style:preserve-3d;position:absolute;inset:0}.card-face{background:var(--color-paper-3);border-radius:var(--radius-card);backface-visibility:hidden;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-back{background:var(--color-accent-soft);transform:rotateY(180deg)}.card-back.no-flip{transform:none}.card-face.face-hidden{visibility:hidden}.card-source{color:var(--color-muted);font-size:12px;position:absolute;top:28px}.card-hanzi{font-family:var(--font-chinese);font-size:96px;line-height:1.3}.card-answer{letter-spacing:-.055em;font-size:clamp(32px,3.6vw,48px)}.card-pinyin{color:var(--color-accent);margin-top:var(--space-sm);font-size:17px}.card-prompt{color:var(--color-ink-2);font-size:12px;position:absolute;bottom:28px}.quiet{color:var(--color-ink);border-color:var(--color-rule);background:var(--color-clear)}.quiet:hover{background:var(--color-paper-2)}.theme-section{padding-top:var(--space-xl)}.theme-showcase{gap:var(--gap-columns);border-radius:var(--radius-card);isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:650px;display:grid;position:relative;overflow:clip}.theme-art{z-index:-2;position:absolute;inset:0}.theme-art img{object-fit:cover;object-position:center 70%}.theme-art:after{content:"";background:linear-gradient(90deg, var(--color-paper), var(--color-paper-scrim));position:absolute;inset:0}.notebook-art,.notebook-screen{opacity:0;transition:opacity .6s var(--ease-out)}.notebook-art.visible,.notebook-screen.visible{opacity:1}.theme-info{padding:var(--space-2xl);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.theme-info h3{font-size:clamp(38px,4.2vw,58px);line-height:1.15}.theme-options{gap:var(--space-xs);margin-top:var(--space-xl);padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper);display:flex}.theme-options button{align-items:center;gap:var(--space-xs);background:var(--color-clear);color:var(--color-ink-2);border-radius:var(--radius-pill);white-space:nowrap;border:0;height:44px;padding:0 20px;font-size:13px;display:flex}.theme-options button:hover{color:var(--color-ink)}.theme-options button[aria-pressed=true]{background:var(--color-paper-3);color:var(--color-ink)}.theme-info>p{color:var(--color-ink-2);margin-top:var(--space-lg);font-size:12px}.theme-screens{min-width:0;padding-top:44px;position:relative}.theme-screen{width:300px;box-shadow:var(--shadow-screen);border-radius:28px;margin-inline:auto;position:relative;overflow:clip}.theme-screen img{width:100%}.notebook-screen{position:absolute;inset:0}.faq-section{padding-top:var(--space-2xl)}.faq-grid{gap:var(--gap-columns);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);display:grid}.faq-grid h2{font-size:clamp(38px,4vw,56px)}.faq-list details{border-bottom:1px solid var(--color-rule)}.faq-list details:first-child{border-top:1px solid var(--color-rule)}.faq-list summary{justify-content:space-between;align-items:center;gap:var(--space-lg);cursor:pointer;padding-block:28px;font-size:16px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{transition:transform .3s var(--ease-out);flex-shrink:0}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list summary:hover{color:var(--color-accent)}.faq-list details p{color:var(--color-muted);padding-bottom:var(--space-lg);max-width:50ch;font-size:15px;line-height:1.8}.download-section{padding-block:var(--section-gap-s);border-top:1px solid var(--color-rule-2)}.download-content{text-align:center;flex-direction:column;align-items:center;display:flex}.download-icon{margin-bottom:var(--space-xl);border-radius:24px}.download-content h2{font-size:clamp(38px,5.3vw,76px)}.download-content>p{color:var(--color-muted);margin-top:var(--space-lg);font-size:16px}.store-buttons{gap:var(--space-md);margin-top:var(--space-xl);display:flex}.store-button{justify-content:center;align-items:center;gap:var(--space-sm);min-height:64px;padding:var(--space-xs) var(--space-lg);border:1px solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);text-align:left;border-radius:14px;font-size:18px;display:flex}.store-button span{flex-direction:column;display:flex}.store-button small{color:var(--color-ink-2);font-size:12px}.store-button:disabled{opacity:.7;cursor:not-allowed;color:var(--color-ink-2);background:var(--color-paper-2)}.store-button:hover:not(:disabled){border-color:var(--color-accent)}.download-content>.download-note{font-size:12px}.site-footer{align-items:center;gap:var(--gap-columns);padding-block:var(--space-xl);border-top:1px solid var(--color-rule-2);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto auto;display:grid}.footer-brand{letter-spacing:-.06em;font-size:32px;font-weight:600}.site-footer p,.site-footer>a:not(.footer-brand),.site-footer>span{color:var(--color-muted);font-size:12px}.site-footer a:hover{color:var(--color-ink)}@media (max-width:1100px){.theme-info{padding:var(--space-xl)}.theme-options button{padding-inline:var(--space-sm)}.theme-screen{width:260px}.theme-showcase{min-height:590px}.definition-content{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.sino{display:none}}@media (max-width:760px){.section{padding-block:72px}.section-heading{margin-bottom:var(--space-xl);display:block}.section-heading>p{margin-top:var(--space-lg);font-size:16px}h2{font-size:44px}.lyric-words{justify-content:center;gap:var(--space-sm);padding-top:var(--space-lg);flex-wrap:wrap}.lyric-word{padding-inline:var(--space-xs);padding-bottom:var(--space-md)}.lyric-word .hanzi{font-size:38px}.lyric-word .pinyin{margin-bottom:var(--space-sm);font-size:12px}.lyric-meaning{max-width:25ch;margin-inline:auto;margin-top:var(--space-lg);font-size:15px}.word-definition{margin-top:var(--space-xl);min-height:220px}.definition-content{gap:var(--space-lg);padding-block:var(--space-lg);grid-template-columns:minmax(0,1fr)}.definition-word{justify-content:space-between}.sino{justify-self:start;display:block}.review-grid,.faq-grid{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr)}.review-list{max-width:none}.review-demo{padding:var(--space-md);gap:var(--space-xl)}.card-face{padding:var(--space-lg)}.card-hanzi{font-size:76px}.card-source{top:20px}.card-prompt{font-size:11px;bottom:20px}.card-answer{font-size:36px}.theme-showcase{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.theme-info{padding:36px var(--space-lg)}.theme-info h3{font-size:40px}.theme-info>p{margin-top:var(--space-md)}.theme-options{margin-top:var(--space-lg)}.theme-options button{padding-inline:var(--space-sm);font-size:12px}.theme-screens{height:420px;padding-top:0}.theme-screen{width:220px}.theme-art:after{background:linear-gradient(180deg, var(--color-paper), var(--color-paper-scrim))}.faq-list summary{padding-block:var(--space-lg);font-size:15px}.download-content h2{font-size:42px}.download-icon{border-radius:18px;width:64px;height:64px}.store-buttons{gap:var(--space-sm);justify-content:center;width:100%}.store-button{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);font-size:15px}.store-button svg{width:20px}.store-button small{font-size:11px}.site-footer{padding-block:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.site-footer p{grid-area:2/1/auto/-1}.site-footer>a:not(.footer-brand){text-align:right}.site-footer>span{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.review-card,.theme-screen{transform:none!important}}.hero-stage,.theme-screens{perspective:1200px}.hero-screen{box-shadow:none;overflow:visible}.hero-screen-surface{box-shadow:var(--shadow-screen);transform-origin:50% 70%;border-radius:27px;overflow:clip}.lyric-word{transform-origin:bottom}.notebook-art{transition:opacity 1s var(--ease-out), transform 1.3s var(--ease-out);transform:scale(1.14)}.notebook-art.visible{transform:scale(1)}.notebook-screen{transition:opacity .65s .12s var(--ease-out)}@media (prefers-reduced-motion:no-preference){.hero-copy h1 span{animation:malody-title 1.15s var(--ease-out) both}.hero-copy h1 span:nth-child(2){animation-delay:.14s}.hero-copy h1 span:nth-child(3){animation-delay:.28s}.hero-copy p,.hero-actions{animation:entrance 1s .45s var(--ease-out) both}.hero-screen-surface{animation:malody-screen 1.55s .12s var(--ease-out) both}.hero-translation{animation:malody-annotation 1.15s .55s var(--ease-out) both}@keyframes malody-title{0%{opacity:0;transform:translateY(100px)rotateX(35deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes malody-screen{0%{opacity:0;transform:translate3d(60px,160px,-220px)rotateY(-32deg)rotate(-16deg)scale(.7)}to{opacity:1;transform:translate(0,0)rotateY(0)rotate(0)scale(1)}}@keyframes malody-annotation{0%{opacity:0;transform:translate(-55px)}to{opacity:1;transform:translate(0)}}}@media (prefers-reduced-motion:reduce){.hero-screen-surface,.hero-translation,.song-name,.notebook-art{animation:none!important;transform:none!important}}.language-switch{border:1px solid var(--color-rule);border-radius:var(--radius-pill);justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:12px;display:inline-flex}.language-switch:hover{color:var(--color-accent);border-color:var(--color-accent)}.footer-links{gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-links a{font-size:13px}.site-footer>span{white-space:nowrap}html[lang=en] .hero-copy h1{font-size:clamp(52px,5.6vw,82px)}.information-hero{max-width:960px;padding-block:80px 52px}.information-hero h1{letter-spacing:var(--tracking-display);overflow-wrap:break-word;min-width:0;font-size:clamp(44px,6.5vw,92px);line-height:1.12}.information-hero>p{color:var(--color-ink-2);max-width:56ch;margin-top:var(--space-lg);font-size:19px;line-height:1.8}.information-hero>.updated{color:var(--color-muted);margin-top:var(--space-xl);font-size:13px}.contact-address{color:var(--color-accent);margin-top:var(--space-xl);overflow-wrap:anywhere;text-underline-offset:8px;font-size:clamp(18px,3vw,28px);text-decoration:underline;text-decoration-thickness:1px;display:inline-block}.contact-address:hover{color:var(--color-ink)}.information-tabs{gap:var(--space-xl);border-bottom:1px solid var(--color-rule);display:flex}.information-tabs a{border-bottom:2px solid var(--color-clear);min-height:52px;color:var(--color-muted);align-items:center;font-size:14px;display:inline-flex}.information-tabs a:hover{color:var(--color-ink)}.information-tabs [aria-current=page]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.information-grid{padding-block:var(--space-2xl) var(--space-3xl);grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:80px;display:grid}.contents{align-items:flex-start;gap:var(--space-xs);flex-direction:column;display:flex;position:sticky;top:32px}.contents p{color:var(--color-ink);margin-bottom:var(--space-md);font-size:14px}.contents a{color:var(--color-muted);padding-block:var(--space-xs);font-size:13px;line-height:1.6}.contents a:hover{color:var(--color-accent)}.information-content{min-width:0;max-width:76ch}.information-content section{border-bottom:1px solid var(--color-rule-2);margin-bottom:44px;padding-bottom:44px;scroll-margin-top:32px}.information-content h2{letter-spacing:-.035em;margin-bottom:var(--space-lg);font-size:clamp(24px,2.3vw,32px);line-height:1.4}.information-content p,.information-content li{color:var(--color-ink-2);overflow-wrap:anywhere;font-size:16px;line-height:1.9}.information-content p+p{margin-top:var(--space-md)}.information-content ul{margin-top:var(--space-lg);padding-left:20px}.information-content li+li{margin-top:var(--space-md)}.information-links{gap:var(--space-md) var(--space-lg);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.information-links a{color:var(--color-accent);text-underline-offset:5px;overflow-wrap:anywhere;padding-block:var(--space-xs);font-size:14px;line-height:1.8;text-decoration:underline}.information-links a:hover{color:var(--color-ink)}.information-end{justify-content:space-between;gap:var(--space-lg);color:var(--color-muted);font-size:13px;display:flex}.information-end a:hover{color:var(--color-accent)}@media (max-width:1100px){.site-header{gap:var(--space-md)}.nav-links a{padding-inline:var(--space-sm)}.site-header .nav-download{display:none}.site-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.information-grid{gap:var(--space-xl)}html[lang=en] .hero-copy h1{font-size:56px}}@media (max-width:760px){.site-header{gap:var(--space-sm)}.language-switch{margin-left:auto}.nav-download{display:none}html[lang=en] .hero-copy h1{font-size:clamp(34px,9.5vw,64px)}.footer-links{gap:var(--space-md) var(--space-lg)}.information-hero{padding-block:48px var(--space-xl)}.information-hero>p{font-size:17px}.information-tabs{gap:var(--space-lg)}.information-tabs a{font-size:13px}.information-grid{gap:var(--space-xl);padding-block:32px var(--space-2xl);grid-template-columns:minmax(0,1fr)}.contents{gap:var(--space-xs);position:static}.contents a{font-size:14px}.information-content section{margin-bottom:32px;padding-bottom:32px}}