@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{--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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-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,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;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]){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{.static{position:static}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}}:root{--paper:#f4eddd;--paper-fiber:#3c2c1914;--ink:#14110d;--muted:#40372d;--orange:#c75a1f;--orange-deep:#963d12;--gloss-blue:#315fa9;--content-max:86rem;--page-gutter:clamp(1.25rem,4.4vw,5rem);--nav-height:clamp(3.5rem,11.111svh,6.25rem)}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 18% 20%,#ffffff5c,transparent 28%),radial-gradient(circle at 78% 16%,#ae8e621a,transparent 31%),repeating-linear-gradient(102deg,#573e2206 0 1px,transparent 1px 10px),var(--paper);margin:0;font-family:Times New Roman,Songti SC,SimSun,serif;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";opacity:.32;background-image:radial-gradient(circle at 12px 16px,var(--paper-fiber)0 .6px,transparent .9px),radial-gradient(circle at 52px 44px,#ffffffb8 0 .7px,transparent 1px);background-size:68px 62px;position:fixed;inset:0}a{color:inherit;text-decoration:none}.site-nav{z-index:30;height:var(--nav-height);padding-inline:max(var(--page-gutter),calc((100vw - var(--content-max))/2));background:0 0;grid-template-columns:1fr auto;align-items:center;display:grid;position:fixed;inset:0 0 auto}.site-nav nav{justify-content:flex-end;align-items:center;gap:clamp(1.35rem,2.1vw,2.35rem);display:flex}.nav-link{justify-content:center;align-items:center;min-width:max-content;min-height:2.35rem;font-family:KaiTi,STKaiti,Songti SC,serif;font-size:clamp(1rem,1.25vw,1.28rem);font-weight:300;line-height:1;display:inline-flex}.home-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.85px;width:1.35rem;height:1.35rem}.login-pill{background:linear-gradient(180deg,#d97734,var(--orange));color:#0000;-webkit-text-stroke:.7px #fff8eb;border-radius:999px;min-width:5.7rem;min-height:2.52rem;padding:0 1.35rem;box-shadow:inset 0 0 0 1px #79300c1f}.mobile-story{display:none}.story-desktop{height:520svh;padding-top:var(--nav-height)}.stage{top:var(--nav-height);height:calc(100svh - var(--nav-height));place-items:center;min-height:0;display:grid;position:sticky;overflow:hidden}.stage-shell{width:min(var(--content-max),calc(100vw - (var(--page-gutter)*2)));grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;column-gap:clamp(2.4rem,5vw,6.4rem);height:100%;display:grid}.left-viewport{min-width:0;height:100%;overflow:visible}.left-track{will-change:transform;height:300%}.left-panel,.mobile-panel{flex-direction:column;justify-content:center;display:flex}.left-panel{height:33.3333%;padding-right:1rem}.brand-title{letter-spacing:0;white-space:nowrap;margin:0;font-family:Kunstler Script,French Script MT,Gabriola,cursive;font-size:clamp(4.7rem,7vw,7.55rem);font-weight:400;line-height:.88}.brand-subtitle,.price-section h2,.plan p{font-family:FZShuTi,FZSTK,STXingkai,KaiTi,STKaiti,serif}.brand-subtitle{margin:1rem 0 0 clamp(.6rem,8vw,4.6rem);font-size:clamp(1.12rem,1.45vw,1.55rem);font-weight:300;line-height:1.45}.ink-scene{width:min(30rem,100%);height:clamp(8.4rem,17svh,13.2rem);margin:clamp(.9rem,2svh,1.35rem) 0 0 clamp(.6rem,8vw,4.6rem);position:relative}.ink-line{width:100%;height:100%;position:absolute;inset:0 auto auto 0;overflow:visible}.ink-line path{fill:none;stroke:#14110d;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round}.quill-image{transform-origin:13% 90%;width:clamp(7.2rem,10vw,9.7rem);height:auto;position:absolute;bottom:clamp(2.2rem,5.2svh,4.1rem);left:min(17rem,100% - 8.7rem);transform:rotate(-8deg)}.left-panel h2,.mobile-panel h2{letter-spacing:0;margin:0 0 clamp(1.45rem,3.4svh,2.35rem);font-family:FZShuTi,FZSTK,STXingkai,KaiTi,STKaiti,serif;font-size:clamp(3.1rem,4.85vw,5.15rem);font-weight:300;line-height:1.23}.left-panel p,.mobile-panel p{max-width:35rem;margin:0;font-family:KaiTi,STKaiti,SimKai,Songti SC,serif;font-size:clamp(1.12rem,1.45vw,1.5rem);font-weight:400;line-height:1.92}.right-stage{align-items:center;min-width:0;height:100%;display:grid}.reading-demo{width:min(100%,49rem);min-height:min(36rem,calc(100svh - var(--nav-height) - 4rem));--gloss-progress:0;--gloss-1:var(--gloss-progress);--gloss-2:var(--gloss-progress);--gloss-3:var(--gloss-progress);--gloss-4:var(--gloss-progress);--gloss-5:var(--gloss-progress);--alt-progress:0;--mask-progress:0;--click-progress:0;--card-progress:0;align-items:center;margin-inline:auto;display:flex;position:relative}.reading-copy{max-width:46rem;color:var(--ink);text-wrap:pretty;margin:0 auto;font-size:clamp(1.45rem,1.55vw,2rem);line-height:1.86;position:relative}.gloss-token{vertical-align:baseline;white-space:nowrap;--token-gloss-progress:var(--gloss-progress);margin:0 .03em;padding-top:1.08em;line-height:1;display:inline-block;position:relative}.gloss-1{--token-gloss-progress:var(--gloss-1)}.gloss-2{--token-gloss-progress:var(--gloss-2)}.gloss-3{--token-gloss-progress:var(--gloss-3)}.gloss-4{--token-gloss-progress:var(--gloss-4)}.gloss-5{--token-gloss-progress:var(--gloss-5)}.gloss-label{background:linear-gradient(180deg,#4775bf,var(--gloss-blue));color:#fff;min-height:1.18rem;opacity:var(--token-gloss-progress);transform:translate(-50%,calc(.18rem*(1 - var(--token-gloss-progress))));border-radius:4px;justify-content:center;align-items:center;padding:.08rem .34rem .12rem;font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:.7rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:.18em;left:50%}.source-word{line-height:1;display:inline-block}.card-target .source-word{z-index:3;background:rgba(248,226,148,calc(.88*var(--click-progress)));position:relative}.word-pointer{z-index:6;width:clamp(1.65rem,2.35vw,2.2rem);height:auto;opacity:var(--click-progress);transform:translate(calc(-.9rem*(1 - var(--click-progress))),calc(-.72rem*(1 - var(--click-progress))));pointer-events:none;position:absolute;top:72%;left:68%}.carding-layer{pointer-events:none;position:absolute;inset:0}.alt-key{z-index:4;width:clamp(5.1rem,7.8vw,6.8rem);height:auto;opacity:var(--alt-progress);transform:translateY(calc(-.25rem*(1 - var(--alt-progress))));display:block;position:absolute;top:.1rem;left:clamp(1.1rem,7%,3rem)}.reading-mask{z-index:2;background:rgba(9,9,9,calc(.43*var(--mask-progress)));border-radius:5px;position:absolute;inset:4rem .4rem 2.4rem -.4rem}.anki-card{z-index:5;width:min(33rem,82%);opacity:var(--card-progress);transform:translateY(calc(1.1rem*(1 - var(--card-progress))));background:#fbf5e9;border:1px solid #3026193d;border-radius:7px;padding:1.12rem 1.2rem 1.22rem;position:absolute;bottom:clamp(.7rem,4svh,2rem);right:clamp(0rem,3vw,2rem);box-shadow:0 14px 30px #2a211438}.anki-title{border-bottom:1px solid #372b1c24;padding-bottom:.7rem;font-family:Times New Roman,serif;font-size:1.16rem}.anki-row{border-bottom:1px solid #372b1c1a;grid-template-columns:5.2rem 1fr;gap:1rem;padding:.82rem 0;display:grid}.anki-row span{color:#655947;font-size:.92rem}.anki-row strong{font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:400}.anki-row p{margin:0;font-family:KaiTi,STKaiti,serif;font-size:1.08rem}.anki-example{color:#2c251d;padding-top:.85rem;font-size:.96rem;line-height:1.45}.price-section{z-index:12;min-height:100svh;padding:var(--nav-height)max(var(--page-gutter),calc((100vw - var(--content-max))/2))var(--nav-height);background:radial-gradient(circle at 18% 20%,#ffffff5c,transparent 28%),radial-gradient(circle at 78% 16%,#ae8e621a,transparent 31%),repeating-linear-gradient(102deg,#573e2206 0 1px,transparent 1px 10px),var(--paper);align-content:center;gap:clamp(2.6rem,6svh,4.8rem);display:grid;position:relative}.price-section h2{text-align:center;margin:0;font-size:clamp(3.35rem,5vw,4.8rem);font-weight:300;line-height:1}.plans{grid-template-columns:repeat(2,minmax(18rem,1fr));gap:clamp(2rem,5vw,5rem);width:min(72rem,100%);margin:0 auto;display:grid}.price-section h2,.plans{transform:translateY(calc(var(--nav-height)*.45))}.plan{text-align:center;background:#fffaef47;border:1px solid #40301d33;border-radius:7px;place-items:center;min-height:clamp(15rem,25svh,18rem);padding:clamp(1.8rem,3vw,2.4rem);display:grid}.plan-price{font-size:clamp(3.2rem,5vw,4.35rem);line-height:1}.plan-price span{margin-left:.2rem;font-size:clamp(1.08rem,1.8vw,1.45rem)}.plan p{margin:1.6rem 0 0;font-size:clamp(1.12rem,1.5vw,1.42rem);line-height:1.55}@media(min-width:1024px)and (min-height:600px){.mobile-story{display:none}}@media(max-width:1023px),(max-height:599px){:root{--page-gutter:clamp(1rem,5vw,2rem)}.site-nav{height:auto;min-height:3.45rem;padding:.55rem var(--page-gutter);background:var(--paper);grid-template-columns:0 1fr;position:sticky}.site-nav nav{flex-wrap:wrap;gap:.55rem clamp(.62rem,2.8vw,1rem)}.nav-link{min-height:2.1rem;font-size:clamp(.9rem,4vw,1.08rem)}.home-link svg{width:1.18rem;height:1.18rem}.login-pill{color:#fff8eb;-webkit-text-stroke:0;min-width:4.2rem;min-height:2.2rem;padding-inline:.85rem}.story-desktop{height:0;padding:0;overflow:hidden}.mobile-story{width:min(44rem,calc(100vw - (var(--page-gutter)*2)));margin-inline:auto;padding:clamp(1.8rem,8vw,4rem) 0 4rem;display:block}.mobile-panel{min-height:auto;padding:clamp(2.2rem,10vw,4.6rem) 0}.brand-title{font-size:clamp(3.1rem,12vw,4.8rem)}.brand-subtitle{margin-left:.35rem;font-size:clamp(1.05rem,4.6vw,1.28rem)}.ink-scene{width:min(30rem,100%);height:clamp(9.5rem,32vw,12.6rem);margin-left:.35rem}.quill-image{width:clamp(6.5rem,23vw,8.4rem);bottom:clamp(2.8rem,10vw,3.8rem);left:min(17rem,100% - 7.7rem)}.mobile-panel h2{font-size:clamp(2.6rem,11vw,4rem)}.mobile-panel p{font-size:clamp(1.06rem,4.5vw,1.32rem)}.mobile-reading{--gloss-progress:1;width:100%;min-height:0;margin:1rem 0 clamp(2.6rem,10vw,4rem);display:block}.mobile-reading-plain{--gloss-progress:0}.mobile-reading-plain .gloss-token{padding-top:0}.mobile-reading-plain .gloss-label{display:none}.reading-copy{max-width:100%;font-size:clamp(1.05rem,4.6vw,1.34rem);line-height:2.05}.gloss-token{padding-top:1em}.gloss-label{min-height:1.02rem;padding:.06rem .28rem .1rem;font-size:.6rem;top:.16em;transform:translate(-50%)}.mobile-reading-card{--alt-progress:1;--mask-progress:1;--click-progress:1;--card-progress:1;padding-bottom:0;position:relative}.mobile-card-reading-shell{margin-top:3.55rem;position:relative}.mobile-card-reading-shell .reading-copy{z-index:1;position:relative}.mobile-card-reading-shell .carding-layer{z-index:2;inset:0}.mobile-card-reading-shell .alt-key{width:4.95rem;top:-3.25rem;left:.4rem}.mobile-card-reading-shell .reading-mask{background:rgba(9,9,9,calc(.4*var(--mask-progress)));height:auto;inset:0}.word-pointer{width:1.55rem}.mobile-reading-card .anki-card{opacity:1;width:100%;margin-top:1.05rem;padding:.95rem 1rem 1.05rem;position:relative;bottom:auto;right:auto;transform:none}.anki-row{grid-template-columns:4.2rem 1fr;gap:.8rem}.price-section{min-height:auto;padding:4rem var(--page-gutter)4.5rem;display:block}.price-section h2{margin-bottom:2.2rem;transform:none}.plans{grid-template-columns:1fr;gap:1.6rem;width:min(44rem,100%);transform:none}.plan{min-height:14rem}}@media(max-width:360px){.site-nav nav{gap:.45rem .48rem}.nav-link{font-size:.86rem}.login-pill{min-width:3.9rem;padding-inline:.7rem}}@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}