@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ss-top{height:calc(130 * var(--u));padding-top:env(safe-area-inset-top);position:relative}.ss-top .p-title img{height:calc(56 * var(--u))}.ss-pad{padding:0 calc(28 * var(--u))}.ss-progress{margin:calc(10 * var(--u)) 0 calc(24 * var(--u))}.ss-card{align-items:center;gap:calc(16 * var(--u));padding:calc(40 * var(--u)) calc(36 * var(--u));text-align:center;flex-direction:column;display:flex}.ss-speak{align-self:flex-end}.ss-py{color:#1f1328;font-size:calc(40 * var(--u) * var(--fs));font-weight:800}.ss-hz{color:#23152d;font-family:var(--font-hanzi);font-size:calc(150 * var(--u) * var(--fs));line-height:1.1}.ss-meaning{color:#23152d;font-size:calc(36 * var(--u) * var(--fs));font-weight:700}.ss-ask{margin:calc(40 * var(--u)) 0;font-size:calc(46 * var(--u) * var(--fs))}.ss-card .sentence{width:100%;font-size:calc(44 * var(--u) * var(--fs));text-align:left}.ss-card .sentence p{font-size:calc(28 * var(--u) * var(--fs))}.ss-grades{gap:calc(12 * var(--u));grid-template-columns:repeat(4,1fr);width:100%;display:grid}.ss-grade{height:calc(80 * var(--u));border-radius:calc(24 * var(--u));color:#fff;font-size:calc(28 * var(--u) * var(--fs));cursor:pointer;border:0;font-weight:800}.ss-grade--again{background:#d94f7d}.ss-grade--hard{background:#e83a74}.ss-grade--good{background:#3fae63}.ss-grade--easy{background:#3f8fd0}.ss-options{gap:calc(14 * var(--u));grid-template-columns:1fr 1fr;width:100%;display:grid}.ss-option{min-height:calc(110 * var(--u));padding:calc(12 * var(--u));border:calc(3 * var(--u)) solid #ebccd7;border-radius:calc(24 * var(--u));color:#23152d;font-size:calc(30 * var(--u) * var(--fs));cursor:pointer;background:#f9f0f3;font-weight:700}.ss-option:lang(zh-Hans){font-family:var(--font-hanzi);font-size:calc(52 * var(--u) * var(--fs));font-weight:500}.ss-option.is-right{background:#e5f5df;border-color:#3fae63}.ss-option.is-wrong{background:#f5e5eb;border-color:#e05a87}.ss-done{align-items:center;gap:calc(12 * var(--u));padding:calc(36 * var(--u));font-size:calc(32 * var(--u) * var(--fs));text-align:center;flex-direction:column;display:flex}.ss-done img{width:calc(260 * var(--u))}.ss-cat{align-items:center;gap:calc(14 * var(--u));margin:calc(24 * var(--u)) 0 calc(14 * var(--u));font-size:calc(38 * var(--u) * var(--fs));display:flex}.ss-cat img{height:calc(80 * var(--u))}.ss-words{gap:calc(14 * var(--u));font-size:calc(28 * var(--u) * var(--fs));flex-direction:column;display:flex}.ss-words .card{border-radius:calc(30 * var(--u));padding:calc(20 * var(--u)) calc(24 * var(--u));background:#f9eff3;border-color:#eac9d5}.lh-hero .lh-title{left:calc(80 * var(--u));top:calc(72 * var(--u));align-items:flex-end;gap:calc(12 * var(--u));color:#281833;font-size:calc(74 * var(--u) * var(--fs));letter-spacing:-.01em;margin:0;font-weight:900;line-height:1;display:flex;position:absolute}.lh-title svg{width:calc(60 * var(--u));height:calc(32 * var(--u));margin-bottom:calc(14 * var(--u))}.lh-sub{left:calc(46 * var(--u));top:calc(160 * var(--u));align-items:center;gap:calc(12 * var(--u));color:#190f20;font-size:calc(25 * var(--u) * var(--fs));font-weight:600;display:flex;position:absolute}.lh-sub:before,.lh-sub:after{content:"";width:calc(24 * var(--u));border-top:calc(2.5 * var(--u)) solid #b43e65}.lh-levels{gap:calc(14 * var(--u));margin:calc(4 * var(--u)) calc(40 * var(--u)) 0 calc(48 * var(--u));grid-template-columns:repeat(6,1fr);display:grid}.lh-level{height:calc(66 * var(--u));border:calc(2.5 * var(--u)) solid #ebc9d6;color:#2f1d3b;font-size:calc(30 * var(--u) * var(--fs));white-space:nowrap;cursor:pointer;box-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) #9632531f;background:#f7e9ee;border-radius:999px;font-weight:800;position:relative}.lh-level[aria-pressed=true]{color:#fff;box-shadow:0 calc(4 * var(--u)) 0 #a8214e;background:linear-gradient(#e84a7f,#cf2b62);border-color:#c92b60}.lh-level[aria-pressed=true]:after{content:"";left:50%;bottom:calc(-15 * var(--u));border:calc(10 * var(--u)) solid transparent;border-top-color:#b72656;position:absolute;transform:translate(-50%)}.lh-banner{height:calc(181 * var(--u));margin:calc(20 * var(--u)) calc(14 * var(--u)) 0 calc(18 * var(--u));background:50%/100% 100% no-repeat;position:relative}.lh-book{left:calc(6 * var(--u));top:calc(-6 * var(--u));width:calc(238 * var(--u));position:absolute}.lh-book img{width:100%}.lh-book span{color:#c82a5f;font-size:calc(44 * var(--u));font-weight:900;position:absolute;top:56%;left:62.7%;transform:translate(-50%,-50%)rotate(-14deg)}.lh-banner__text{left:calc(252 * var(--u));top:calc(18 * var(--u));position:absolute}.lh-banner h2{font-size:calc(62 * var(--u) * var(--fs));line-height:1.05}.lh-banner p{margin:calc(4 * var(--u)) 0 calc(8 * var(--u)) calc(12 * var(--u));color:#290812;font-size:calc(28 * var(--u) * var(--fs))}.lh-banner .p-row{margin-left:calc(12 * var(--u))}.lh-pct{color:#290812;font-size:calc(28 * var(--u) * var(--fs))}.lh-scroll{height:calc(283 * var(--u));margin:calc(8 * var(--u)) calc(6 * var(--u)) 0;padding:calc(34 * var(--u)) calc(52 * var(--u)) 0 calc(306 * var(--u));background:50%/100% 100% no-repeat;display:flex;position:relative}.lh-scroll__text{flex:1;min-width:0}.lh-scroll__text .p-chip{height:calc(40 * var(--u));padding:0 calc(20 * var(--u));font-size:calc(25 * var(--u) * var(--fs))}.lh-scroll h2{margin-top:calc(10 * var(--u));font-size:calc(44 * var(--u) * var(--fs));white-space:nowrap}.lh-scroll__text>p{margin-top:calc(6 * var(--u));color:#281933;font-size:calc(25 * var(--u) * var(--fs))}.lh-links{margin-top:calc(18 * var(--u));display:flex}.lh-links a{align-items:center;gap:calc(4 * var(--u));padding:0 calc(16 * var(--u));border-left:calc(2 * var(--u)) solid #e3b5c6;color:#281933;font-size:calc(23 * var(--u) * var(--fs));white-space:nowrap;flex-direction:column;display:flex}.lh-links a:first-child{border-left:0;padding-left:0}.lh-links svg{width:calc(40 * var(--u));height:calc(40 * var(--u));color:#5b3874}.lh-scroll__go{align-items:center;gap:calc(22 * var(--u));padding-top:calc(36 * var(--u));flex-direction:column;display:flex}.lh-scroll__go .p-reward{margin-left:calc(80 * var(--u))}.lh-scroll__go .p-btn{width:calc(296 * var(--u));height:calc(76 * var(--u));font-size:calc(33 * var(--u) * var(--fs))}.lh-head{margin:calc(18 * var(--u)) calc(30 * var(--u)) calc(16 * var(--u)) calc(26 * var(--u));justify-content:space-between;align-items:center;display:flex}.lh-head h2{align-items:center;gap:calc(14 * var(--u));font-size:calc(35 * var(--u) * var(--fs));display:flex}.lh-head h2 img{height:calc(44 * var(--u))}.lh-link{align-items:center;gap:calc(8 * var(--u));color:#24162e;font-size:calc(26 * var(--u) * var(--fs));font-weight:600;display:flex}.lh-link svg{width:calc(26 * var(--u));height:calc(26 * var(--u))}.lh-cats{gap:calc(12 * var(--u));margin:0 calc(20 * var(--u));grid-template-columns:repeat(5,1fr);display:grid}.lh-cat{height:calc(188 * var(--u));padding-top:calc(8 * var(--u));border:calc(2 * var(--u)) solid #ebcad6;border-radius:calc(26 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) #9632531f;text-align:center;background:#f5e4ea;flex-direction:column;align-items:center;display:flex}.lh-cat img{height:calc(108 * var(--u));object-fit:contain;width:auto;max-width:96%}.lh-cat strong{color:#1f1327;font-size:calc(27 * var(--u) * var(--fs));white-space:nowrap;font-weight:900;line-height:1.2}.lh-cat span{color:#201429;font-size:calc(23 * var(--u) * var(--fs))}.lh-stats{margin:0 calc(28 * var(--u));padding:calc(18 * var(--u)) 0 calc(22 * var(--u));border:calc(2 * var(--u)) solid #ebcad6;border-radius:calc(30 * var(--u));background:#f5e6ebe6;grid-template-columns:repeat(4,1fr);display:grid}.lh-stat{text-align:center;border-left:calc(2 * var(--u)) solid #e7c0ce}.lh-stat:first-child{border-left:0}.lh-stat div{justify-content:center;align-items:center;gap:calc(12 * var(--u));color:#1b1122;font-size:calc(38 * var(--u) * var(--fs));font-weight:900;display:flex}.lh-stat img{height:calc(50 * var(--u))}.lh-stat span{color:#1b1122;font-size:calc(25 * var(--u) * var(--fs));white-space:nowrap}.ls-panel{margin:calc(-10 * var(--u)) calc(18 * var(--u)) 0;padding:calc(24 * var(--u)) calc(38 * var(--u)) calc(30 * var(--u));border:calc(3 * var(--u)) solid #f2dce4;border-radius:calc(50 * var(--u));box-shadow:0 calc(-4 * var(--u)) calc(20 * var(--u)) #9632531f;background:#f7ebef;position:relative}.ls-chip{height:calc(52 * var(--u));padding:0 calc(22 * var(--u));color:#23152d;font-size:calc(28 * var(--u) * var(--fs));white-space:nowrap;background:#f1d9e2;border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.ls-count{gap:calc(18 * var(--u));color:#23152d;font-size:calc(30 * var(--u) * var(--fs));font-weight:700}.ls-count .p-segments{width:calc(280 * var(--u))}.ls-instr{justify-content:center;align-items:center;gap:calc(16 * var(--u));margin:calc(28 * var(--u)) 0 calc(36 * var(--u));color:#23152d;font-size:calc(34 * var(--u) * var(--fs));text-align:center;font-weight:800;display:flex}.ls-instr span{background:linear-gradient(#f44a83, #f44a83) no-repeat 30% 100% / 55% calc(6 * var(--u));padding-bottom:calc(8 * var(--u))}.ls-instr svg{width:calc(46 * var(--u));height:calc(46 * var(--u));flex:none}.ls-player{align-items:center;gap:calc(28 * var(--u));height:calc(152 * var(--u));margin:0 calc(18 * var(--u));padding:0 calc(24 * var(--u)) 0 calc(28 * var(--u));border:calc(2 * var(--u)) solid #eed1dc;box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) #96325324;background:#f9eff3;border-radius:999px;display:flex}.ls-play{width:calc(122 * var(--u));height:calc(122 * var(--u));box-shadow:0 calc(5 * var(--u)) 0 #b3305c;color:#fff;cursor:pointer;background:linear-gradient(#f25c8e,#d83c70);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.ls-play svg{width:calc(56 * var(--u));height:calc(56 * var(--u));margin-left:calc(6 * var(--u))}.ls-wave{align-items:center;gap:calc(4 * var(--u));height:calc(86 * var(--u));flex:1;display:flex}.ls-wave span{min-height:calc(6 * var(--u));background:#ee5c8d;border-radius:999px;flex:1}.ls-wave.is-playing span{animation:.6s ease-in-out infinite alternate ls-wave}@keyframes ls-wave{to{transform:scaleY(.35)}}.ls-divider{margin:calc(30 * var(--u)) 0;border-left:calc(2 * var(--u)) solid #e4b9c9;align-self:stretch}.ls-round{width:calc(80 * var(--u));height:calc(80 * var(--u));border:calc(2 * var(--u)) solid #eac8d4;color:#d83c70;cursor:pointer;background:#f8ebf0;border-radius:50%;flex:none;place-items:center;display:grid}.ls-round svg{width:calc(44 * var(--u));height:calc(44 * var(--u))}.ls-speed{height:calc(76 * var(--u));padding:0 calc(22 * var(--u));border:calc(2 * var(--u)) solid #e5bccb;color:#4a2d5f;font-size:calc(30 * var(--u) * var(--fs));cursor:pointer;background:#f0d9e1;border-radius:999px;flex:none;font-weight:800}.ls-speed[aria-pressed=true]{background:#f98fb2;border-color:#e73a74}.ls-options{gap:calc(14 * var(--u));margin-top:calc(40 * var(--u));flex-direction:column;display:flex}.ls-option{align-items:center;gap:calc(40 * var(--u));min-height:calc(162 * var(--u));padding:calc(10 * var(--u)) calc(38 * var(--u)) calc(10 * var(--u)) calc(30 * var(--u));border:calc(3 * var(--u)) solid #eed3dd;border-radius:calc(34 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) #9632531a;color:#23152d;text-align:left;cursor:pointer;background:#f8ecf0;display:flex}.ls-option.is-right{background:#eac9d5;border-color:#e45283}.ls-option.is-wrong{background:#f2dee5;border-color:#c8aab4}.ls-option.is-faded{opacity:.6}.ls-option__pic{width:calc(200 * var(--u));height:calc(136 * var(--u));color:#23152d;font-family:var(--font-hanzi);font-size:calc(64 * var(--u));white-space:nowrap;background:radial-gradient(closest-side,#ebcad6,#ebcad600);border-radius:50%;flex:none;place-items:center;display:grid}.ls-option__text{flex-direction:column;flex:1;min-width:0;display:flex}.ls-hz{font-family:var(--font-hanzi);font-size:calc(46 * var(--u) * var(--fs));font-weight:700;line-height:1.2}.ls-py,.ls-tr{font-size:calc(28 * var(--u) * var(--fs));line-height:1.35}.ls-mark{width:calc(62 * var(--u));height:calc(62 * var(--u));border:calc(3 * var(--u)) solid #e2a8bb;color:#fff;font-size:calc(36 * var(--u) * var(--fs));border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.is-right .ls-mark{background:linear-gradient(#f25c8e,#d83c70);border-color:#0000}.is-wrong .ls-mark{background:#a88a94;border-color:#0000}.ls-done{margin-top:calc(40 * var(--u));padding:calc(30 * var(--u));text-align:center;font-size:calc(30 * var(--u) * var(--fs))}.ls-done h2{font-size:calc(44 * var(--u) * var(--fs))}.ls-reward{justify-content:center;align-items:center;gap:calc(14 * var(--u));width:calc(452 * var(--u));height:calc(74 * var(--u));margin:calc(36 * var(--u)) auto 0;color:#23152d;font-size:calc(42 * var(--u) * var(--fs));background:#ecced9;border-radius:999px;font-weight:900;display:flex;position:relative}.ls-reward.is-paid{filter:grayscale(.7);opacity:.7}.ls-reward img{width:calc(62 * var(--u))}.ls-sep{height:calc(40 * var(--u));margin:0 calc(14 * var(--u));border-left:calc(2 * var(--u)) solid #e68aa9}.ls-spark{top:calc(-10 * var(--u));width:calc(36 * var(--u));height:calc(40 * var(--u));background:linear-gradient(#f41c64, #f41c64) 50% 0 / calc(5 * var(--u)) calc(16 * var(--u)) no-repeat, linear-gradient(#f41c64, #f41c64) 0 70% / calc(16 * var(--u)) calc(5 * var(--u)) no-repeat;position:absolute}.ls-spark--l{left:calc(-34 * var(--u))}.ls-spark--r{right:calc(-34 * var(--u));transform:scaleX(-1)}.ls-actions{gap:calc(110 * var(--u));margin-top:calc(32 * var(--u));padding:0 calc(20 * var(--u));display:flex}.ls-skip{width:calc(250 * var(--u));height:calc(92 * var(--u));font-size:calc(36 * var(--u) * var(--fs))}.ls-next{height:calc(92 * var(--u));font-size:calc(40 * var(--u) * var(--fs));flex:1}.rv .p-hero:after{height:8%}.rv-badge{left:calc(48 * var(--u));top:calc(40 * var(--u));width:calc(116 * var(--u));height:calc(116 * var(--u));border-radius:calc(36 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) #55346c2e;background:#f8ecf0f2;place-items:center;display:grid;position:absolute}.rv-badge img{width:calc(80 * var(--u))}.rv-title{left:calc(172 * var(--u));top:calc(50 * var(--u));color:#21142b;font-size:calc(62 * var(--u) * var(--fs));font-weight:900;line-height:1.1;position:absolute}.rv-sub{left:calc(172 * var(--u));top:calc(122 * var(--u));color:#190f20;font-size:calc(22 * var(--u) * var(--fs));white-space:nowrap;font-weight:600;position:absolute}.rv-cloud{left:calc(92 * var(--u));top:calc(188 * var(--u));width:calc(266 * var(--u));text-align:center;color:#190f20;flex-direction:column;align-items:center;display:flex;position:absolute}.rv-cloud__zh{font-family:var(--font-hanzi);font-size:calc(54 * var(--u) * var(--fs));letter-spacing:.1em;font-weight:700;line-height:1.1}.rv-cloud__py{font-size:calc(22 * var(--u) * var(--fs));margin-bottom:calc(10 * var(--u))}.rv-cloud__en{font-size:calc(22 * var(--u) * var(--fs));line-height:1.3}.rv .p-card{margin:calc(20 * var(--u)) calc(18 * var(--u)) 0;border-radius:calc(40 * var(--u));background:#f7ebef}.rv-due{height:calc(216 * var(--u));padding:0 calc(24 * var(--u)) 0 calc(18 * var(--u));align-items:center;display:flex;margin-top:calc(6 * var(--u))!important}.rv-due__card{width:calc(222 * var(--u));margin-right:calc(12 * var(--u))}.rv-due__text{flex:1;min-width:0}.rv-due h2{font-size:calc(32 * var(--u) * var(--fs));white-space:nowrap;font-weight:800}.rv-due__count{color:#21142b;font-size:calc(42 * var(--u) * var(--fs));font-weight:900;line-height:1.15}.rv-due__count b{color:#d21353;font-size:calc(64 * var(--u) * var(--fs))}.rv-time{align-items:center;gap:calc(10 * var(--u));height:calc(42 * var(--u));margin-top:calc(6 * var(--u));padding:0 calc(24 * var(--u));color:#21142b;font-size:calc(22 * var(--u) * var(--fs));background:#efd4de;border-radius:999px;display:inline-flex}.rv-time svg{width:calc(26 * var(--u));height:calc(26 * var(--u));color:#b42b59}.rv-start{width:calc(346 * var(--u));height:calc(92 * var(--u));font-size:calc(36 * var(--u) * var(--fs))}.rv-prog{align-items:center;gap:calc(22 * var(--u));height:calc(152 * var(--u));padding:0 calc(26 * var(--u));display:flex}.rv-ring{width:calc(118 * var(--u));height:calc(118 * var(--u));border-radius:50%;flex:none;place-items:center;display:grid}.rv-ring span{width:calc(90 * var(--u));height:calc(90 * var(--u));color:#190f20;font-size:calc(30 * var(--u) * var(--fs));background:#f7ebef;border-radius:50%;place-items:center;font-weight:900;display:grid}.rv-prog__main{min-width:0;padding-right:calc(22 * var(--u));border-right:calc(2 * var(--u)) solid #e7becd;flex:1.15}.rv-prog h3{font-size:calc(26 * var(--u) * var(--fs));font-weight:800}.rv-prog__main p{margin:calc(2 * var(--u)) 0 calc(8 * var(--u));color:#190f20;font-size:calc(24 * var(--u) * var(--fs))}.rv-prog__main b{font-size:calc(32 * var(--u) * var(--fs));font-weight:900}.rv-prog .p-bar{height:calc(22 * var(--u))}.rv-prog__side{flex:1.25;display:flex}.rv-prog__side>div{align-items:center;gap:calc(8 * var(--u));flex-direction:column;flex:1;display:flex}.rv-prog__side>div+div{border-left:calc(2 * var(--u)) solid #e7becd}.rv-label{align-items:center;gap:calc(8 * var(--u));color:#190f20;font-size:calc(22 * var(--u) * var(--fs));font-weight:700;display:flex}.rv-label img{height:calc(46 * var(--u))}.rv-num{align-items:center;gap:calc(6 * var(--u));color:#190f20;font-size:calc(22 * var(--u) * var(--fs));display:flex}.rv-num b{font-size:calc(30 * var(--u) * var(--fs));font-weight:900}.rv-num--green b{color:#146904}.rv-num--orange b{color:#e0014b}.rv-num img{height:calc(24 * var(--u))}.rv-mastery{padding:calc(14 * var(--u)) calc(34 * var(--u)) calc(16 * var(--u))}.rv-mastery h2{font-size:calc(34 * var(--u) * var(--fs))}.rv-info svg{width:calc(40 * var(--u));height:calc(40 * var(--u));color:#382247}.rv-plants{margin-top:calc(8 * var(--u));grid-template-columns:repeat(4,1fr);display:grid}.rv-plant{color:#21142b;font-size:calc(24 * var(--u) * var(--fs));flex-direction:column;align-items:center;display:flex;position:relative}.rv-plant strong{margin-top:calc(-4 * var(--u));font-size:calc(27 * var(--u) * var(--fs));font-weight:800}.rv-plant>span:last-child{color:#7a4657}.rv-plant__img{width:calc(156 * var(--u));height:calc(84 * var(--u));background:radial-gradient(closest-side,#eef2c8,#eef2c800);border-radius:50%;place-items:end center;display:grid}.rv-plant__img img{height:calc(80 * var(--u))}.rv-arrow{left:calc(-18 * var(--u));top:calc(36 * var(--u));color:#c9829a;position:absolute}.rv-arrow svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}.rv-streak{min-height:calc(200 * var(--u));padding:calc(14 * var(--u)) calc(30 * var(--u)) calc(16 * var(--u));align-items:center;display:flex}.rv-streak__left{flex:1;min-width:0}.rv-fire{width:calc(60 * var(--u))}.rv-streak h2{font-size:calc(32 * var(--u) * var(--fs))}.rv-days{margin:calc(-8 * var(--u)) 0 calc(6 * var(--u)) calc(196 * var(--u));color:#d21353;font-size:calc(42 * var(--u) * var(--fs));font-weight:900}.rv-week{width:calc(456 * var(--u));margin:0 0 0 calc(50 * var(--u));padding:calc(8 * var(--u)) calc(18 * var(--u));border:calc(2 * var(--u)) solid #eac8d4;border-radius:calc(30 * var(--u));background:#f5e5eb;justify-content:space-between;list-style:none;display:flex}.rv-week li{align-items:center;gap:calc(4 * var(--u));color:#21142b;font-size:calc(20 * var(--u) * var(--fs));flex-direction:column;display:flex}.rv-week img,.rv-week span{width:calc(42 * var(--u));height:calc(42 * var(--u))}.rv-week span{border:calc(2.5 * var(--u)) solid #d9a2b4;border-radius:50%}.rv-reward{width:calc(310 * var(--u));padding-bottom:calc(6 * var(--u));background:radial-gradient(closest-side,#eac6d3,#eac6d300);border-radius:50%;flex-direction:column;align-items:center;display:flex;position:relative}.rv-reward img{width:calc(180 * var(--u))}.rv-ribbon{margin-top:calc(-26 * var(--u));padding:calc(4 * var(--u)) calc(30 * var(--u));clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);color:#fff;font-size:calc(23 * var(--u) * var(--fs));white-space:nowrap;background:linear-gradient(#ec4f83,#cf3669);font-weight:800}.rv-claim{align-items:center;gap:calc(8 * var(--u));margin-top:calc(6 * var(--u));padding:calc(4 * var(--u)) calc(18 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));color:#21142b;font-size:calc(23 * var(--u) * var(--fs));white-space:nowrap;cursor:pointer;background:#edd0db;border:0;border-radius:999px;font-weight:800;display:flex}.rv-claim--info{cursor:default;font-weight:600}.rv-claim img{width:calc(36 * var(--u))}.rv-modes{gap:calc(14 * var(--u));margin:calc(20 * var(--u)) calc(18 * var(--u)) 0;grid-template-columns:repeat(4,1fr);display:grid}.rv-modes .rv-mode{padding:calc(10 * var(--u)) calc(4 * var(--u)) calc(14 * var(--u));text-align:center;flex-direction:column;align-items:center;margin:0;display:flex}.rv-mode img{height:calc(80 * var(--u))}.rv-mode strong{color:#190f20;font-size:calc(27 * var(--u) * var(--fs));font-weight:900}.rv-mode span{color:#281933;font-size:calc(20 * var(--u) * var(--fs));white-space:nowrap}.wa{position:relative;overflow:hidden}.wa-hero .p-title img{width:calc(80 * var(--u));height:auto}.wa-lesson{left:calc(68 * var(--u));top:calc(146 * var(--u));color:#23152d;position:absolute}.wa-lesson .p-chip{height:calc(42 * var(--u));font-size:calc(25 * var(--u) * var(--fs));background:#edd0db}.wa-lesson h2{margin-top:calc(10 * var(--u));font-size:calc(50 * var(--u) * var(--fs));white-space:nowrap;font-weight:800}.wa-lesson h2 span{font-family:var(--font-hanzi)}.wa-lesson small{font-size:calc(34 * var(--u) * var(--fs));font-weight:700}.wa-lesson p{margin-top:calc(6 * var(--u));font-size:calc(25 * var(--u) * var(--fs))}.wa-video{margin:calc(6 * var(--u)) calc(40 * var(--u)) 0;padding:calc(22 * var(--u)) calc(20 * var(--u)) calc(12 * var(--u));border:calc(2 * var(--u)) solid #efd6df;border-radius:calc(40 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(20 * var(--u)) #96325324;background:#f7eaef;position:relative}.wa-count{right:calc(26 * var(--u));top:calc(-4 * var(--u));z-index:2;align-items:center;gap:calc(16 * var(--u));height:calc(38 * var(--u));padding:0 calc(16 * var(--u));color:#23152d;font-size:calc(24 * var(--u) * var(--fs));background:#f9f0f3;border-radius:999px;font-weight:700;display:flex;position:absolute}.wa-count .p-bar{width:calc(168 * var(--u));height:calc(16 * var(--u))}.wa-frame{border-radius:calc(30 * var(--u));background:#000;position:relative;overflow:hidden}.wa-frame img{width:100%;display:block}.wa-frame:fullscreen{border-radius:0;place-items:center;display:grid}.wa-bubble{top:calc(36 * var(--u));max-width:46%;padding:calc(14 * var(--u)) calc(26 * var(--u));border:calc(3 * var(--u)) solid #563a6a;border-radius:calc(60 * var(--u));color:#190f20;text-align:center;background:#fbf6f8;flex-direction:column;align-items:center;display:flex;position:absolute}.wa-bubble b{font-family:var(--font-hanzi);font-size:calc(44 * var(--u) * var(--fs));font-weight:700;line-height:1.15}.wa-bubble small{font-family:var(--font);font-size:calc(22 * var(--u) * var(--fs))}.wa-bubble:after{content:"";bottom:calc(-22 * var(--u));border:calc(12 * var(--u)) solid transparent;border-top:calc(16 * var(--u)) solid #563a6a;position:absolute}.wa-bubble--boy{left:calc(250 * var(--u))}.wa-bubble--boy:after{left:calc(46 * var(--u))}.wa-bubble--girl{right:calc(220 * var(--u));top:calc(50 * var(--u))}.wa-bubble--girl:after{left:calc(54 * var(--u))}.wa-controls{align-items:center;gap:calc(22 * var(--u));height:calc(80 * var(--u));padding:0 calc(30 * var(--u));color:#fff;background:linear-gradient(#22192873,#221928c7);display:flex;position:absolute;inset:auto 0 0}.wa-controls button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.wa-controls button svg{width:calc(40 * var(--u));height:calc(40 * var(--u))}.wa-controls button[aria-pressed=false]{opacity:.5}.wa-time{font-size:calc(23 * var(--u) * var(--fs));white-space:nowrap}.wa-rate{font-size:calc(24 * var(--u) * var(--fs));font-weight:700}.wa-seek{min-width:0;height:calc(28 * var(--u));appearance:none;background:0 0;flex:1}.wa-seek::-webkit-slider-runnable-track{height:calc(10 * var(--u));background:linear-gradient(90deg, #f06191 var(--fill), #d9cfd3 var(--fill));border-radius:999px}.wa-seek::-webkit-slider-thumb{appearance:none;width:calc(28 * var(--u));height:calc(28 * var(--u));margin-top:calc(-9 * var(--u));border:calc(4 * var(--u)) solid #fff;background:#e8477d;border-radius:50%}.wa-seek::-moz-range-track{height:calc(10 * var(--u));background:linear-gradient(90deg, #f06191 var(--fill), #d9cfd3 var(--fill));border-radius:999px}.wa-seek::-moz-range-thumb{width:calc(22 * var(--u));height:calc(22 * var(--u));border:calc(4 * var(--u)) solid #fff;background:#e8477d;border-radius:50%}.wa-sub{align-items:center;gap:calc(10 * var(--u));min-height:calc(132 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u)) 0;display:flex}.wa-nav{width:calc(72 * var(--u));height:calc(72 * var(--u));border:calc(2 * var(--u)) solid #ebccd7;color:#3d264e;cursor:pointer;background:#f9f0f3;border-radius:50%;flex:none;place-items:center;display:grid}.wa-nav svg{width:calc(34 * var(--u));height:calc(34 * var(--u))}.wa-nav:disabled{opacity:.4}.wa-sub__text{color:#23152d;font-size:calc(26 * var(--u) * var(--fs));cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;display:flex}.wa-sub__text b{margin:calc(4 * var(--u)) 0;padding:calc(2 * var(--u)) calc(18 * var(--u));border-radius:calc(14 * var(--u));font-family:var(--font-hanzi);font-size:calc(46 * var(--u) * var(--fs));background:#fd92b6;font-weight:700}.wa-tabs{margin:calc(32 * var(--u)) calc(42 * var(--u)) 0}.wa-tabpanel{margin:calc(20 * var(--u)) calc(38 * var(--u)) 0}.wa-vocab{gap:calc(18 * var(--u));padding:calc(14 * var(--u));border:calc(2 * var(--u)) solid #efd6df;border-radius:calc(30 * var(--u));scrollbar-width:none;background:#f7eaef;display:flex;overflow-x:auto}.wa-word{width:calc(288 * var(--u));height:calc(146 * var(--u));padding:calc(8 * var(--u)) calc(110 * var(--u)) 0 calc(20 * var(--u));border:calc(3 * var(--u)) solid #eed1dc;border-radius:calc(26 * var(--u));color:#23152d;cursor:pointer;background:#faf3f5;flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.wa-word:first-child{border-color:#e05a87}.wa-word .p-speaker{left:calc(12 * var(--u));top:calc(12 * var(--u));width:calc(50 * var(--u));height:calc(50 * var(--u));position:absolute}.wa-word .p-speaker svg{width:calc(28 * var(--u));height:calc(28 * var(--u))}.wa-word__py{font-size:calc(24 * var(--u) * var(--fs))}.wa-word b{font-family:var(--font-hanzi);font-size:calc(44 * var(--u) * var(--fs));white-space:nowrap;font-weight:700;line-height:1.15}.wa-word__m{max-width:calc(170 * var(--u));font-size:calc(23 * var(--u) * var(--fs));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wa-word img{right:calc(6 * var(--u));bottom:calc(6 * var(--u));width:calc(96 * var(--u));position:absolute}.wa-list{gap:calc(12 * var(--u));padding:calc(20 * var(--u)) calc(28 * var(--u));font-size:calc(28 * var(--u) * var(--fs));flex-direction:column;display:flex}.wa-list .sentence{font-size:calc(40 * var(--u) * var(--fs))}.wa-practice{gap:calc(14 * var(--u));flex-direction:column;display:flex}.wa-q{padding:calc(16 * var(--u)) calc(20 * var(--u))}.wa-q__play{align-items:center;gap:calc(12 * var(--u));color:#23152d;font-family:var(--font-hanzi);font-size:calc(38 * var(--u) * var(--fs));cursor:pointer;background:0 0;border:0;display:flex}.wa-q__play svg{width:calc(40 * var(--u));height:calc(40 * var(--u));color:#e0487b}.wa-q__opts{gap:calc(8 * var(--u));margin-top:calc(10 * var(--u));flex-direction:column;display:flex}.wa-opt{min-height:calc(62 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u));border:calc(2 * var(--u)) solid #ebccd7;border-radius:calc(20 * var(--u));color:#23152d;font-size:calc(26 * var(--u) * var(--fs));text-align:left;cursor:pointer;background:#f9f0f3}.wa-opt.is-right{background:#e5f5df;border-color:#3fae63}.wa-opt.is-wrong{background:#f5e5eb;border-color:#e05a87}.wa-reward{align-items:center;gap:calc(10 * var(--u));margin:calc(24 * var(--u)) calc(100 * var(--u)) 0;padding:calc(10 * var(--u)) calc(30 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u));border-radius:calc(74 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #9632531f;background:#f5e5eb;display:flex;position:relative}.wa-reward.is-paid{filter:grayscale(.5)}.wa-reward__chest{width:calc(200 * var(--u));margin:calc(-20 * var(--u)) 0}.wa-reward h2{font-size:calc(36 * var(--u) * var(--fs))}.wa-reward .p-row{gap:calc(26 * var(--u));margin-top:calc(8 * var(--u))}.wa-pill{align-items:center;gap:calc(12 * var(--u));height:calc(62 * var(--u));padding:0 calc(26 * var(--u)) 0 calc(10 * var(--u));color:#23152d;font-size:calc(38 * var(--u) * var(--fs));background:#f9f0f3;border-radius:999px;font-weight:900;display:inline-flex}.wa-pill img{width:calc(56 * var(--u))}.wa-reward__how{margin-top:calc(6 * var(--u));color:#7a4657;font-size:calc(20 * var(--u) * var(--fs))}.wa-continue{width:calc(446 * var(--u));height:calc(96 * var(--u));margin:calc(26 * var(--u)) auto 0;font-size:calc(42 * var(--u) * var(--fs));display:flex}.wa-lantern{right:calc(18 * var(--u));bottom:calc(10 * var(--u));width:calc(116 * var(--u));pointer-events:none;position:absolute}.wo{padding-bottom:calc(60 * var(--u))}.wo-map{position:relative}.wo-map>img:first-child{width:100%;display:block}.wo .p-title{height:calc(72 * var(--u));padding:0 calc(30 * var(--u));font-size:calc(46 * var(--u) * var(--fs))}.wo .p-title svg,.wo .p-title img{display:none}.wo .p-back{width:calc(84 * var(--u));height:calc(84 * var(--u))}.wo .wallet{gap:calc(28 * var(--u))}.wo .wallet__pill{width:calc(232 * var(--u));height:calc(60 * var(--u));background:#423252e6}.wo-side{left:calc(22 * var(--u));top:calc(150 * var(--u));gap:calc(16 * var(--u));flex-direction:column;display:flex;position:absolute}.wo-side__btn{width:calc(118 * var(--u));height:calc(118 * var(--u));padding-bottom:calc(8 * var(--u));border:calc(3 * var(--u)) solid #fff;border-radius:calc(30 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) #3c283c38;color:#2a1b38;font-size:calc(21 * var(--u) * var(--fs));cursor:pointer;background:#fdf9fbf2;flex-direction:column;justify-content:flex-end;align-items:center;font-weight:800;display:flex;position:relative}.wo-side__btn img{height:calc(66 * var(--u));margin-bottom:calc(2 * var(--u))}.wo-side__btn[aria-pressed=true]{border-color:#f49ab8}.wo-badge{right:calc(-10 * var(--u));top:calc(-10 * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));border:calc(3 * var(--u)) solid #fff;color:#fff;font-size:calc(22 * var(--u) * var(--fs));background:#ec3b76;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute}.wo-label{height:calc(78 * var(--u));padding:0 calc(26 * var(--u)) 0 0;box-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) #3c283c38;color:#11001f;cursor:pointer;background:#fcf7f9f2;border:0;border-radius:999px;align-items:center;display:flex;position:absolute}.wo-label__icon{width:calc(78 * var(--u));height:calc(78 * var(--u));margin-right:calc(12 * var(--u));border:calc(4 * var(--u)) solid #c94e77;color:#583670;font-size:calc(34 * var(--u) * var(--fs));background:#fbf6f8;border-radius:50%;place-items:center;display:grid}.wo-label__icon svg{width:calc(42 * var(--u));height:calc(42 * var(--u))}.wo-label__text{flex-direction:column;align-items:center;display:flex}.wo-label b{font-size:calc(30 * var(--u) * var(--fs));white-space:nowrap;font-weight:800}.wo-label small{margin-top:calc(2 * var(--u));padding:0 calc(18 * var(--u));font-size:calc(22 * var(--u) * var(--fs));background:#e7c0ce;border-radius:999px;font-weight:800}.wo-bar{left:calc(20 * var(--u));right:calc(20 * var(--u));bottom:calc(22 * var(--u));gap:calc(8 * var(--u));padding:calc(8 * var(--u));border-radius:calc(44 * var(--u));background:#ffffff8c;grid-template-columns:repeat(6,1fr);display:grid;position:absolute}.wo-bar__btn{justify-content:center;align-items:center;gap:calc(4 * var(--u));height:calc(120 * var(--u));border-radius:calc(36 * var(--u));color:#361943;font-size:calc(28 * var(--u) * var(--fs));cursor:pointer;background:#faf4f6f5;border:0;flex-direction:column;font-weight:800;display:flex}.wo-bar__btn svg{width:calc(50 * var(--u));height:calc(50 * var(--u));color:#5a4568}.wo-bar__btn:nth-child(4) svg{color:#3d9a3a}.wo-bar__btn[aria-pressed=true]{color:#4e3064;background:#eed1dc}.wo-bar__btn[aria-pressed=true] svg{color:#c2154f}.wo-panel{margin:calc(24 * var(--u)) calc(20 * var(--u)) 0;padding:calc(26 * var(--u)) calc(28 * var(--u));border-radius:calc(40 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(22 * var(--u)) #96325324;background:#f7ebef}.wo-panel h2{margin-bottom:calc(18 * var(--u));font-size:calc(40 * var(--u) * var(--fs))}.wo-items{gap:calc(16 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.wo-item{align-items:center;gap:calc(6 * var(--u));padding:calc(16 * var(--u)) calc(10 * var(--u));text-align:center;font-size:calc(26 * var(--u) * var(--fs));flex-direction:column;display:flex}.wo-item>img{height:calc(150 * var(--u));object-fit:contain;max-width:100%}.wo-item strong{color:#23152d;font-size:calc(28 * var(--u) * var(--fs))}.wo-item.is-locked>img{filter:grayscale()brightness(1.4);opacity:.45}.wo-buy{align-items:center;gap:calc(8 * var(--u));height:calc(56 * var(--u));padding:0 calc(20 * var(--u)) 0 calc(8 * var(--u));color:#fff;font-size:calc(26 * var(--u) * var(--fs));white-space:nowrap;cursor:pointer;background:linear-gradient(#fb6396,#e03f75);border:0;border-radius:999px;font-weight:800;display:inline-flex}.wo-buy img{width:calc(42 * var(--u))}.wo-buy:disabled{cursor:not-allowed;background:#d9bcc6}.wo-room img{border-radius:calc(30 * var(--u));width:100%}.wo-shelf{gap:calc(16 * var(--u));margin:calc(-90 * var(--u)) calc(30 * var(--u)) calc(20 * var(--u));display:flex;position:relative}.wo-shelf img{height:calc(110 * var(--u));width:auto}.wo-tasks{gap:calc(14 * var(--u));flex-direction:column;display:flex}.wo-task{align-items:center;gap:calc(20 * var(--u));padding:calc(18 * var(--u)) calc(22 * var(--u));font-size:calc(26 * var(--u) * var(--fs));display:flex}.wo-task>div{flex:1}.wo-task strong{color:#23152d;font-size:calc(28 * var(--u) * var(--fs))}.wo-task .p-bar{margin:calc(8 * var(--u)) 0 calc(4 * var(--u))}.wo-gem{width:calc(36 * var(--u));vertical-align:middle;margin-right:calc(8 * var(--u));display:inline}.wo-map{overflow:hidden}.wo-life{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wo-petal{width:calc(22 * var(--u));height:calc(16 * var(--u));background:linear-gradient(135deg,#ffd6e4,#f39abc);border-radius:80% 0;animation:linear infinite both wo-fall;position:absolute;top:-4%}@keyframes wo-fall{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:.9}to{transform:translate(var(--drift), 95vh) rotate(600deg);opacity:.5}}.wo-cloud{aspect-ratio:3;filter:blur(2px);background:radial-gradient(closest-side,#ffffffd9,#fff0);border-radius:999px;width:26%;animation:linear infinite wo-cloud;position:absolute;left:-30%}.wo-cloud--small{width:16%}@keyframes wo-cloud{to{transform:translate(540%)}}.wo-label{animation:3.6s ease-in-out infinite alternate wo-float}@keyframes wo-float{to{translate:0 calc(-8 * var(--u))}}.wo-label.is-locked{filter:grayscale(.4);opacity:.92}.wo-label__coin{width:calc(26 * var(--u));vertical-align:middle;margin-right:calc(4 * var(--u));display:inline}.wo-pet{width:8.5%;filter:drop-shadow(0 calc(4 * var(--u)) calc(3 * var(--u)) #3c28284d);pointer-events:none;animation:9s ease-in-out infinite alternate wo-pet-walk;position:absolute;transform:translate(-50%,-100%)}.wo-pet.m-hop{animation:3.2s ease-in-out infinite wo-pet-hop}.wo-pet.m-swim,.wo-pet.m-rest,.wo-pet.m-perch{animation:3s ease-in-out infinite alternate wo-pet-bob}@keyframes wo-pet-walk{0%{translate:-40%;scale:-1 1}49%{scale:-1 1}50%{translate:40%;scale:1}to{translate:-40%;scale:1}}@keyframes wo-pet-hop{0%,65%,to{translate:0}80%{translate:0 -25%}}@keyframes wo-pet-bob{to{translate:0 -8%}}.wo-building__pic{aspect-ratio:941/700;border-radius:calc(22 * var(--u));color:#fff;cursor:pointer;background:50% 30%/cover no-repeat;border:0;place-items:center;width:100%;display:grid}.wo-building__pic svg{filter:drop-shadow(0 2px 6px #0006);width:30%;height:30%}.wo-building.is-locked .wo-building__pic{filter:grayscale(.7)brightness(.85)}.wo-building__actions{gap:calc(8 * var(--u));display:flex}.wo-buy--soft{background:var(--pink-soft);color:var(--pink-active);padding:0 calc(20 * var(--u))}.wo-group h3{margin:calc(18 * var(--u)) 0 calc(10 * var(--u));font-size:calc(30 * var(--u))}.wo-items--small .wo-item>img{height:calc(120 * var(--u))}.ws{padding-bottom:calc(30 * var(--u) + env(safe-area-inset-bottom))}.ws-top{height:calc(118 * var(--u));padding-top:env(safe-area-inset-top);position:relative}.ws-top .p-back{left:calc(20 * var(--u));top:calc(18 * var(--u) + env(safe-area-inset-top))}.ws-top .p-title{left:calc(116 * var(--u));top:calc(18 * var(--u) + env(safe-area-inset-top))}.ws-top .p-title small{padding:0 calc(14 * var(--u));color:#2a1b38;font-size:calc(24 * var(--u));background:#fde4aa;border-radius:999px;font-weight:800}.ws-stage{aspect-ratio:941/1672;border-radius:calc(36 * var(--u));max-height:72vh;box-shadow:0 calc(6 * var(--u)) calc(24 * var(--u)) #7a4e7838;touch-action:none;-webkit-user-select:none;user-select:none;background:50%/cover no-repeat;margin:0 auto;position:relative;overflow:hidden}.ws-item{cursor:grab;touch-action:none;position:absolute;transform:translate(-50%,-100%)}.ws-stage.is-dragging .ws-item{cursor:grabbing}.ws-item img{pointer-events:none;width:100%;filter:drop-shadow(0 calc(6 * var(--u)) calc(4 * var(--u)) #46282847);display:block}.ws-item.is-selected img{filter:drop-shadow(0 0 calc(3 * var(--u)) #fff) drop-shadow(0 0 calc(8 * var(--u)) #f17da4)}.ws-item.is-new .ws-move{animation:.55s cubic-bezier(.3,1.6,.5,1) both ws-pop}@keyframes ws-pop{0%{opacity:0;transform:scale(.2)translateY(20%)}70%{opacity:1;transform:scale(1.12)}to{transform:none}}.glow-warm img{animation:3.2s ease-in-out infinite alternate ws-warm}@keyframes ws-warm{0%{filter:drop-shadow(0 calc(6 * var(--u)) calc(4 * var(--u)) #46282847) drop-shadow(0 0 0 #ffc85a00)}to{filter:drop-shadow(0 calc(6 * var(--u)) calc(4 * var(--u)) #46282847) drop-shadow(0 0 calc(18 * var(--u)) #ffc45ad9)}}.glow-water img{animation:2.6s ease-in-out infinite alternate ws-water}@keyframes ws-water{to{filter:drop-shadow(0 calc(6 * var(--u)) calc(4 * var(--u)) #46282847) brightness(1.08) saturate(1.15)}}.is-pet .ws-move{transform-origin:50% 100%}.m-walk .ws-move{animation:ws-stroll calc(var(--d1) * 2) ease-in-out var(--d2) infinite alternate}.m-walk .ws-move img{animation:ws-step .5s ease-in-out infinite alternate, ws-turn calc(var(--d1) * 4) steps(1) var(--d2) infinite}@keyframes ws-stroll{0%{translate:calc(var(--range) * -1) 0}to{translate:var(--range) 0}}@keyframes ws-step{to{translate:0 -3%;rotate:2deg}}@keyframes ws-turn{0%{scale:-1 1}50%{scale:1}}.m-hop .ws-move{animation:ws-hop var(--d1) ease-in-out var(--d2) infinite}@keyframes ws-hop{0%,60%,to{transform:none}68%{transform:scale(1.06,.92)}78%{transform:translateY(-22%)scale(.96,1.06)}88%{transform:scale(1.04,.95)}}.m-swim .ws-move{animation:ws-swim var(--d1) ease-in-out var(--d2) infinite alternate}@keyframes ws-swim{0%{transform:translate(-6%)rotate(-4deg)}to{transform:translate(6%,-8%)rotate(4deg)}}.m-perch .ws-move{animation:ws-perch var(--d1) ease-in-out var(--d2) infinite}@keyframes ws-perch{0%,to{transform:none}20%{transform:rotate(-6deg)}30%{transform:rotate(4deg)}40%{transform:none}}.m-rest .ws-move{animation:ws-breathe var(--d1) ease-in-out var(--d2) infinite alternate}@keyframes ws-breathe{to{transform:scale(1.03,.97)}}.is-selected .ws-move,.is-selected .ws-move img{animation-play-state:paused}.ws-light{aspect-ratio:1;pointer-events:none;z-index:1;background:radial-gradient(closest-side,#ffd68c73,#ffd68c00);border-radius:50%;width:34%;animation:4s ease-in-out infinite alternate ws-glow;position:absolute;transform:translate(-50%,-50%)}@keyframes ws-glow{0%{opacity:.35}to{opacity:.95}}.ws-ambience{pointer-events:none;z-index:2000;position:absolute;inset:0;overflow:hidden}.ws-ambience span{animation-name:ws-fall;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;top:-5%}.is-petals span{width:calc(22 * var(--u));height:calc(16 * var(--u));opacity:.85;background:linear-gradient(135deg,#ffd3e2,#f59bbd);border-radius:80% 0}.is-motes span{width:calc(10 * var(--u));height:calc(10 * var(--u));background:radial-gradient(closest-side,#fff4c8f2,#fff4c800);border-radius:50%;animation-name:ws-rise;top:auto;bottom:-4%}@keyframes ws-fall{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.9}to{transform:translate(var(--drift), 110vh) rotate(540deg);opacity:.6}}@keyframes ws-rise{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{transform:translate(var(--drift), -80vh);opacity:0}}.ws-sparkles{pointer-events:none;position:absolute;top:50%;left:50%}.ws-sparkles i{width:calc(14 * var(--u));height:calc(14 * var(--u));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffd66b;animation:.8s ease-out both ws-burst;position:absolute}@keyframes ws-burst{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--a)) translateY(calc(-110 * var(--u))) scale(1);opacity:0}}.ws-tools{z-index:3000;gap:calc(10 * var(--u));padding:calc(8 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #7a4e7840;background:#fffafcf5;border-radius:999px;display:flex;position:absolute;transform:translate(-50%,-100%)}.ws-tools button{width:calc(64 * var(--u));height:calc(64 * var(--u));background:var(--pink-soft);color:var(--pink-active);font-size:calc(34 * var(--u));cursor:pointer;border:0;border-radius:50%;place-items:center;font-weight:900;display:grid}.ws-tools svg{width:50%;height:50%}.ws-tools .ws-tools__away{color:#6a5470;background:#f0e4ea}.ws-panel{margin:calc(18 * var(--u)) calc(20 * var(--u)) 0;padding:calc(18 * var(--u)) calc(20 * var(--u));border-radius:calc(36 * var(--u));background:var(--card);box-shadow:var(--shadow-card)}.ws-cap{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));color:var(--ink-body);font-size:calc(25 * var(--u));display:flex}.ws-upgrade{align-items:center;gap:calc(6 * var(--u));height:calc(54 * var(--u));padding:0 calc(18 * var(--u)) 0 calc(6 * var(--u));background:linear-gradient(180deg, var(--pink-1), var(--pink-3));color:#fff;font-size:calc(23 * var(--u));white-space:nowrap;cursor:pointer;border:0;border-radius:999px;font-weight:800;display:inline-flex}.ws-upgrade img{width:calc(40 * var(--u))}.ws-upgrade:disabled{color:#8a7a90;background:#e6d8e0}.ws-note{margin-top:calc(10 * var(--u));color:var(--pink-active);font-size:calc(24 * var(--u));font-weight:700}.ws-tabs{gap:calc(10 * var(--u));margin:calc(16 * var(--u)) 0 calc(12 * var(--u));display:flex}.ws-tabs button{align-items:center;gap:calc(8 * var(--u));height:calc(58 * var(--u));padding:0 calc(26 * var(--u));background:var(--lavender-select);color:var(--ink);font-size:calc(26 * var(--u));cursor:pointer;border:0;border-radius:999px;font-weight:800;display:inline-flex}.ws-tabs button[aria-selected=true]{background:var(--pink-soft);color:var(--pink-active)}.ws-tabs b{min-width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--pink-active);color:#fff;font-size:calc(20 * var(--u));border-radius:999px;place-items:center;display:grid}.ws-tray{gap:calc(12 * var(--u));padding-bottom:calc(6 * var(--u));scrollbar-width:none;display:flex;overflow-x:auto}.ws-card{width:calc(156 * var(--u));padding:calc(10 * var(--u)) calc(6 * var(--u));border:calc(2 * var(--u)) solid var(--lavender-select);border-radius:calc(26 * var(--u));color:var(--ink);cursor:pointer;background:#fff;flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.ws-card:active{transform:scale(.96)}.ws-card img{height:calc(96 * var(--u));object-fit:contain;max-width:100%}.ws-card span{margin-top:calc(4 * var(--u));width:100%;font-size:calc(21 * var(--u));text-align:center;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.ws-card small{font-size:calc(21 * var(--u));color:var(--ink-soft)}.ws-card:disabled{opacity:.5}.ws-price{align-items:center;gap:calc(4 * var(--u));font-weight:800;display:inline-flex}.ws-price img{width:calc(28 * var(--u));height:auto}.ws-empty{padding:calc(20 * var(--u)) 0;color:var(--ink-soft);font-size:calc(24 * var(--u))}.wr .p-hero{margin-bottom:calc(-12 * var(--u))}.wr-panel{margin:0 calc(5 * var(--u));padding:calc(20 * var(--u)) calc(36 * var(--u)) calc(36 * var(--u));border-radius:calc(46 * var(--u)) calc(46 * var(--u)) calc(30 * var(--u)) calc(30 * var(--u))}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.wr-top{align-items:center;gap:calc(24 * var(--u));height:calc(70 * var(--u));display:flex}.wr-level select{appearance:none;height:calc(56 * var(--u));width:calc(172 * var(--u));padding:0 0 0 calc(30 * var(--u));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right calc(26 * var(--u)) center / calc(20 * var(--u)) auto, linear-gradient(180deg, #ec5a8b, #d93f72);box-shadow:0 calc(4 * var(--u)) 0 #b1315c;color:#fff;font-size:calc(32 * var(--u) * var(--fs));cursor:pointer;border:0;border-radius:999px;font-weight:800}.wr-progress{flex:1;min-width:0}.wr-progress p{margin-bottom:calc(8 * var(--u));color:#23152d;font-size:calc(27 * var(--u) * var(--fs));white-space:nowrap;font-weight:600}.wr-progress .p-segments{background:0 0;padding:0}.wr-progress .p-segments>span{height:calc(22 * var(--u))}.wr-chest{width:calc(170 * var(--u));height:calc(70 * var(--u));position:relative}.wr-chest>img{right:calc(26 * var(--u));bottom:calc(26 * var(--u));width:calc(110 * var(--u));position:absolute}.wr-chest__pill,.wr-coinpill{align-items:center;gap:calc(10 * var(--u));height:calc(58 * var(--u));padding:0 calc(24 * var(--u)) 0 0;color:#f4e1e8;font-size:calc(36 * var(--u) * var(--fs));text-shadow:0 calc(2 * var(--u)) 0 #3f275159;background:linear-gradient(#e7437a,#cf225c);border-radius:999px;font-weight:900;display:inline-flex}.wr-chest__pill{right:0;bottom:calc(-6 * var(--u));font-size:calc(36 * var(--u) * var(--fs));position:absolute}.wr-chest__pill img,.wr-coinpill img{width:calc(60 * var(--u));margin-left:calc(-6 * var(--u))}.wr-chest__pill.is-paid{filter:grayscale(.7);opacity:.7}.wr-word{align-items:center;gap:calc(34 * var(--u));height:calc(208 * var(--u));margin-top:calc(20 * var(--u));padding:0 calc(24 * var(--u)) 0 calc(28 * var(--u));background:#f6e7ed;display:flex}.wr-tile{width:calc(180 * var(--u));height:calc(178 * var(--u));border:calc(3 * var(--u)) solid #c98da1;border-radius:calc(14 * var(--u));color:#23152d;font-family:var(--font-hanzi);font-size:calc(124 * var(--u));white-space:nowrap;background:linear-gradient(45deg,#0000 calc(50% - .5px),#eac8d4 50%,#0000 calc(50% + .5px)),linear-gradient(-45deg,#0000 calc(50% - .5px),#eac8d4 50%,#0000 calc(50% + .5px)),#f8ebf0;flex:none;place-items:center;line-height:1;display:grid;position:relative}.wr-tile:lang(zh-Hans){letter-spacing:-.05em}.wr-word__text{flex:1;min-width:0}.wr-pinyin{color:#1f1328;font-size:calc(46 * var(--u) * var(--fs));font-weight:900}.wr-meaning{margin:calc(4 * var(--u)) 0 calc(10 * var(--u));color:#23152d;font-size:calc(33 * var(--u) * var(--fs));white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.wr-word .p-chip{background:#eac8d4}.wr-boy{width:calc(300 * var(--u));height:calc(196 * var(--u));flex:none;align-self:flex-end;position:relative}.wr-boy img{right:calc(-6 * var(--u));width:calc(186 * var(--u));position:absolute;bottom:0}.wr-bubble{left:0;top:calc(8 * var(--u));width:calc(104 * var(--u));height:calc(84 * var(--u));border:calc(3 * var(--u)) solid #c96284;color:#d82e67;font-family:var(--font-hanzi);font-size:calc(48 * var(--u));background:#fbf6f8;border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute}.wr-bubble:after{content:"";right:calc(4 * var(--u));bottom:calc(-10 * var(--u));border:calc(10 * var(--u)) solid transparent;border-top-color:#c96284;position:absolute;transform:rotate(-30deg)}.wr-tabs{margin:calc(24 * var(--u)) 0 calc(20 * var(--u))}.wr-tabs .p-tab:first-child{flex:1.15}.wr-practice{grid-template-columns:calc(300 * var(--u)) minmax(0, 1fr) calc(116 * var(--u));gap:calc(18 * var(--u)) calc(20 * var(--u));grid-template-rows:auto auto;justify-content:space-between;display:grid}.wr-strokes{max-height:calc(560 * var(--u));padding:calc(14 * var(--u)) calc(12 * var(--u));background:#f5e6eb;grid-row:1/span 2;overflow-y:auto}.wr-strokes h3{margin:0 0 calc(12 * var(--u));color:#23152d;font-size:calc(27 * var(--u) * var(--fs));text-align:center;font-weight:700}.wr-strokes__grid{gap:calc(10 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wr-step{aspect-ratio:1;border:calc(2 * var(--u)) solid #e8c1cf;border-radius:calc(14 * var(--u));background:#faf3f5;position:relative}.wr-step svg{width:100%;height:100%;padding:12%}.wr-step__n{left:calc(4 * var(--u));top:calc(4 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));color:#fff;font-size:calc(18 * var(--u) * var(--fs));background:#c54e76;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute}.wr-canvas{aspect-ratio:1;border:calc(4 * var(--u)) solid #e93c76;border-radius:calc(16 * var(--u));background:#f5e6eb;position:relative}.wr-grid{fill:none;stroke:#e598b2;stroke-width:.35px;stroke-dasharray:2 1.6;width:100%;height:100%;position:absolute;inset:0}.wr-writer{touch-action:none;position:absolute;inset:0}.wr-missing{inset:auto calc(10 * var(--u)) calc(10 * var(--u));position:absolute}.wr-tools{gap:calc(20 * var(--u));flex-direction:column;display:flex}.wr-tool{justify-content:center;align-items:center;gap:calc(4 * var(--u));height:calc(98 * var(--u));border:calc(2 * var(--u)) solid #e9c5d2;border-radius:calc(22 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #96325324;color:#23152d;font-size:calc(24 * var(--u) * var(--fs));cursor:pointer;background:#f8eef2;flex-direction:column;font-weight:600;display:flex}.wr-tool svg{width:calc(40 * var(--u));height:calc(40 * var(--u))}.wr-tool:disabled{opacity:.45;cursor:default}.wr-feedback{align-items:center;gap:calc(16 * var(--u));min-height:calc(118 * var(--u));padding:0 calc(24 * var(--u));border-bottom:calc(6 * var(--u)) solid #c9df9a;background:#f8edf1;grid-column:2/span 2;display:flex}.wr-feedback>img{width:calc(78 * var(--u))}.wr-feedback>img.is-dim{filter:grayscale();opacity:.35}.wr-feedback__text{flex:1;min-width:0}.wr-feedback strong{color:#23152d;font-size:calc(28 * var(--u) * var(--fs));white-space:nowrap;text-overflow:ellipsis;font-weight:900;display:block;overflow:hidden}.wr-feedback.is-good strong{color:#187013;font-size:calc(42 * var(--u) * var(--fs))}.wr-feedback.is-retry strong{color:#c22f60}.wr-feedback span{color:#23152d;font-size:calc(25 * var(--u) * var(--fs))}.wr-feedback b{color:#137613;font-size:calc(30 * var(--u) * var(--fs))}.wr-next{height:calc(66 * var(--u));padding:0 calc(30 * var(--u));font-size:calc(28 * var(--u) * var(--fs))}.wr-examples{gap:calc(12 * var(--u));padding:calc(20 * var(--u)) calc(28 * var(--u));font-size:calc(28 * var(--u) * var(--fs));flex-direction:column;display:flex}.wr-examples .sentence{font-size:calc(40 * var(--u) * var(--fs))}:root{--app-w:min(100vw, 760px, max(62vh, 400px));--u:calc(var(--app-w) / 941);--fs:1;--page:#f8eff2;--card:#fdf9f9;--card-edge:#fff;--ink:#2a1b38;--ink-body:#3e3150;--ink-soft:#564a6a;--nav-ink:#4a4060;--pink-1:#fa83a8;--pink-2:#f17da4;--pink-3:#e35784;--pink-active:#d6336c;--pink-soft:#fce0ed;--lavender:#d3b0f9;--lavender-select:#e6d1f0;--lavender-border:#b46dfb;--lavender-card:#fef4fd;--purple-1:#c08af9;--purple-2:#a967f2;--locked-card:#fbf4f6;--locked-icon:#eae1e9;--locked-ink:#9d92aa;--green:#4bcb8f;--green-check:#22ce7b;--track:#dccdd9;--divider:#efe5eb;--streak:#f2622e;--red-dot:#fd596d;--cream:#fef2d5;--grid:#f3c7d6;--tone-1:#d6336c;--tone-2:#c9820f;--tone-3:#2f9a63;--tone-4:#3f7fd0;--tone-5:#7d7192;--font:"Nunito Variable", "Nunito", system-ui, sans-serif;--font-hanzi:"PingFang SC", "Noto Sans SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--shadow-card:0 calc(6 * var(--u)) calc(22 * var(--u)) #b0789629;--shadow-soft:0 calc(4 * var(--u)) calc(14 * var(--u)) #b0789624;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page:#241a2c;--card:#33263d;--card-edge:#3d2f48;--ink:#fbeef6;--ink-body:#e3d4ea;--ink-soft:#c2b1cd;--nav-ink:#d9c9e2;--pink-soft:#5a2f48;--pink-active:#ff8fb4;--lavender-select:#4a3760;--lavender-card:#3c2c4c;--locked-card:#2e2337;--locked-icon:#45364f;--divider:#45344f;--grid:#6c4f66;--tone-1:#ff9dbb;--tone-2:#ffc266;--tone-3:#8fe0b0;--tone-4:#9ccdf5;--tone-5:#b3a0bf;--shadow-card:0 calc(6 * var(--u)) calc(22 * var(--u)) #0000004d;--shadow-soft:0 calc(4 * var(--u)) calc(14 * var(--u)) #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--page);color:var(--ink-body);font-family:var(--font);font-size:calc(28 * var(--u) * var(--fs));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-weight:500;line-height:1.3}h1,h2,h3{color:var(--ink);letter-spacing:-.005em;margin:0;font-weight:900;line-height:1.15}h1{font-size:calc(48 * var(--u) * var(--fs))}h2{font-size:calc(36 * var(--u) * var(--fs))}h3{font-size:calc(30 * var(--u) * var(--fs))}p{margin:0}button,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:calc(4 * var(--u)) solid var(--lavender-border);outline-offset:calc(3 * var(--u))}[lang=zh-Hans]{font-family:var(--font-hanzi)}.shell{max-width:var(--app-w);min-height:100vh;margin:0 auto;position:relative}.shell__main{gap:calc(28 * var(--u));padding:calc(40 * var(--u) + env(safe-area-inset-top)) calc(24 * var(--u)) calc(212 * var(--u) * var(--fs) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.shell__bare{min-height:100vh}.shell__main--home{gap:0;padding-top:0}.muted{color:var(--ink-soft);font-size:calc(24 * var(--u) * var(--fs))}.row{align-items:center;gap:calc(16 * var(--u));display:flex}.row--between{justify-content:space-between}.stack{gap:calc(16 * var(--u));flex-direction:column;display:flex}.card{background:var(--card);border:calc(2 * var(--u)) solid var(--card-edge);border-radius:calc(44 * var(--u));box-shadow:var(--shadow-card);padding:calc(28 * var(--u))}.btn{justify-content:center;align-items:center;gap:calc(14 * var(--u));height:calc(72 * var(--u));padding:0 calc(36 * var(--u));background:var(--card);box-shadow:var(--shadow-soft);color:var(--ink);font-size:calc(31 * var(--u) * var(--fs));white-space:nowrap;cursor:pointer;border:0;border-radius:999px;font-weight:800;transition:transform 80ms;display:inline-flex}.btn:active{transform:translateY(calc(2 * var(--u)))}.btn--primary{background:linear-gradient(180deg, var(--pink-1) 0%, var(--pink-2) 45%, var(--pink-3) 100%);box-shadow:0 calc(2 * var(--u)) 0 #ffffff59 inset, 0 calc(8 * var(--u)) calc(18 * var(--u)) #e3578452;color:#fff}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn svg{width:calc(24 * var(--u));height:calc(24 * var(--u));flex:none}.chip{height:calc(40 * var(--u));padding:0 calc(26 * var(--u));background:var(--lavender);color:#2a1b38;font-size:calc(23 * var(--u) * var(--fs));white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.round{width:calc(56 * var(--u));height:calc(56 * var(--u));background:var(--card);color:var(--ink);box-shadow:var(--shadow-soft);border-radius:50%;flex:none;place-items:center;display:grid}.round svg{width:calc(26 * var(--u));height:calc(26 * var(--u))}.dot{width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--red-dot);border-radius:50%;position:absolute}.hero{height:calc(412 * var(--u));margin:0 calc(-24 * var(--u));color:#fff;position:relative}.hero__art{height:calc(470 * var(--u));position:absolute;inset:0 0 auto;overflow:hidden}.hero__art img{object-fit:cover;width:100%;height:100%}.hero__art:after{content:"";background:linear-gradient(180deg, transparent 72%, var(--page) 100%);position:absolute;inset:0}.hero__top{padding-top:env(safe-area-inset-top);position:absolute;inset:0}.hero__avatar{left:calc(35 * var(--u));top:calc(27 * var(--u));width:calc(93 * var(--u));height:calc(93 * var(--u));object-fit:cover;box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #28143c40;border:calc(3 * var(--u)) solid #fffffff2;background:#fff;border-radius:50%;position:absolute}.hero__name{left:calc(150 * var(--u));top:calc(27 * var(--u));font-size:calc(31 * var(--u) * var(--fs));font-weight:800;line-height:calc(44 * var(--u));white-space:nowrap;text-shadow:0 calc(1 * var(--u)) calc(6 * var(--u)) #28143c59;position:absolute}.hero__streak{left:calc(148 * var(--u));top:calc(74 * var(--u));align-items:center;gap:calc(8 * var(--u));color:var(--streak);font-size:calc(24 * var(--u) * var(--fs));font-weight:800;line-height:calc(34 * var(--u));white-space:nowrap;display:flex;position:absolute}.hero__streak svg{width:calc(30 * var(--u));height:calc(34 * var(--u))}.hero__bell{left:calc(617 * var(--u));top:calc(28 * var(--u));width:calc(71 * var(--u));height:calc(71 * var(--u));color:#fff;background:#3a2a4eb8;border-radius:50%;place-items:center;display:grid;position:absolute}.hero__bell svg{width:calc(46 * var(--u));height:calc(46 * var(--u))}.hero__bell .dot{top:calc(1 * var(--u));right:calc(2 * var(--u))}.hero__gems{left:calc(709 * var(--u));top:calc(33 * var(--u));width:calc(208 * var(--u));height:calc(59 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(16 * var(--u));color:#fff;font-size:calc(29 * var(--u) * var(--fs));background:#34243ecc;border-radius:999px;align-items:center;font-weight:700;display:flex;position:absolute}.hero__gems img{width:calc(42 * var(--u));margin-right:calc(12 * var(--u))}.hero__gems span{text-align:left;flex:1}.hero__plus{width:calc(44 * var(--u));height:calc(44 * var(--u));color:#2a1b38;background:#f3e6f1;border-radius:50%;place-items:center;display:grid}.hero__plus svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}.hero__greeting{left:calc(48 * var(--u));top:calc(146 * var(--u));color:#fff;font-size:calc(52 * var(--u) * var(--fs));font-weight:900;line-height:calc(70 * var(--u));white-space:nowrap;text-shadow:0 calc(2 * var(--u)) calc(10 * var(--u)) #28143c4d;position:absolute}.hero__tagline{left:calc(48 * var(--u));top:calc(219 * var(--u));font-size:calc(27.5 * var(--u) * var(--fs));font-weight:500;line-height:calc(40 * var(--u));white-space:nowrap;text-shadow:0 calc(1 * var(--u)) calc(6 * var(--u)) #28143c59;position:absolute}.levelpill{left:calc(35 * var(--u));top:calc(284 * var(--u));align-items:center;gap:calc(20 * var(--u));width:calc(472 * var(--u));height:calc(94 * var(--u));padding:0 calc(24 * var(--u)) 0 calc(21 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) #3c1e462e;color:#2a1b38;background:#faf3f7f2;border-radius:999px;display:flex;position:absolute}.levelpill select{appearance:none;width:calc(160 * var(--u));height:calc(60 * var(--u));padding:0 0 0 calc(22 * var(--u));background:#e6d1f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%232a1b38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right calc(24 * var(--u)) center / calc(17 * var(--u)) auto;color:#2a1b38;font-size:calc(28 * var(--u) * var(--fs));cursor:pointer;border:0;border-radius:999px;flex:none;font-weight:800}.levelpill__progress{min-width:0;font-size:calc(21.5 * var(--u) * var(--fs));font-weight:600;line-height:calc(36 * var(--u));white-space:nowrap;flex:1}.bar{align-items:center;gap:calc(16 * var(--u));display:flex}.bar__track{height:calc(13 * var(--u));background:var(--track);border-radius:999px;flex:1;overflow:hidden}.bar__fill{height:100%;min-width:calc(20 * var(--u));background:var(--green);border-radius:999px}.today{grid-template-columns:calc(184 * var(--u)) 1fr auto;align-items:center;column-gap:calc(22 * var(--u));min-height:calc(206 * var(--u));padding:calc(14 * var(--u)) calc(22 * var(--u)) calc(14 * var(--u)) calc(22 * var(--u));display:grid;position:relative}.today__book{width:calc(184 * var(--u))}.today h2{font-size:calc(44 * var(--u) * var(--fs));white-space:nowrap}.today__sub{margin:calc(8 * var(--u)) 0 calc(14 * var(--u));font-size:calc(26 * var(--u) * var(--fs));white-space:nowrap}.today .btn{width:calc(271 * var(--u));font-size:calc(28 * var(--u) * var(--fs));align-self:center;margin-top:0}.tiles{gap:calc(15 * var(--u));margin-top:calc(25 * var(--u));grid-template-columns:repeat(4,1fr);display:grid}.tile{height:calc(185 * var(--u));padding-top:calc(10 * var(--u));border:calc(2 * var(--u)) solid var(--card-edge);border-radius:calc(36 * var(--u));background:var(--card);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;display:flex}.tile img{height:calc(78 * var(--u));width:auto}.tile__name{margin-top:calc(4 * var(--u));color:var(--ink);font-size:calc(28.5 * var(--u) * var(--fs));font-weight:900;line-height:calc(40 * var(--u))}.tile__sub{margin-top:calc(2 * var(--u));padding:0 calc(6 * var(--u));font-size:calc(21 * var(--u) * var(--fs));line-height:calc(28 * var(--u));white-space:nowrap}.progress{margin-top:calc(27 * var(--u));min-height:calc(194 * var(--u));padding:calc(22 * var(--u)) calc(34 * var(--u)) calc(24 * var(--u))}.progress h2{font-size:calc(30 * var(--u) * var(--fs))}.linkish{align-items:center;gap:calc(10 * var(--u));color:var(--ink-soft);font-size:calc(27 * var(--u) * var(--fs));white-space:nowrap;font-weight:600;display:inline-flex}.linkish svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.stats{margin-top:calc(26 * var(--u));grid-template-columns:204fr 232fr 188fr 201fr;display:grid}.stat{padding:0 calc(4 * var(--u));text-align:center;border-left:calc(2 * var(--u)) solid var(--divider)}.stat:first-child{border-left:0}.stat__value{justify-content:center;align-items:center;gap:calc(14 * var(--u));color:var(--ink);font-size:calc(36 * var(--u) * var(--fs));font-weight:900;line-height:calc(44 * var(--u));display:flex}.stat__value img{height:calc(42 * var(--u));width:auto}.stat__label{margin-top:calc(8 * var(--u));font-size:calc(23 * var(--u) * var(--fs));line-height:calc(28 * var(--u));white-space:nowrap}.world{height:calc(182 * var(--u));margin-top:calc(26 * var(--u));padding:0 calc(17 * var(--u)) 0 calc(404 * var(--u));border-radius:calc(44 * var(--u));background:var(--cream) center / 100% 100% no-repeat;box-shadow:var(--shadow-card);align-items:center;display:flex;position:relative}.world__text{color:#3e3150;min-width:0;font-size:calc(26 * var(--u) * var(--fs));line-height:calc(33 * var(--u));flex:1}.world__text h2{margin-bottom:calc(10 * var(--u));color:#2a1b38;font-size:calc(31 * var(--u) * var(--fs))}.world .round{width:calc(52 * var(--u));height:calc(52 * var(--u));color:#2a1b38;background:#fffaeef2}.world__badge{left:calc(326 * var(--u));top:calc(5 * var(--u));width:calc(40 * var(--u));height:calc(40 * var(--u));border:calc(3 * var(--u)) solid #fff;color:#fff;font-size:calc(24 * var(--u) * var(--fs));background:#f0475e;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute}.continue{margin-top:calc(36 * var(--u));padding-left:calc(6 * var(--u))}.continue h2{font-size:calc(33 * var(--u) * var(--fs))}.lessons{gap:calc(15 * var(--u));margin:calc(14 * var(--u)) calc(-24 * var(--u)) 0;padding:calc(8 * var(--u)) calc(24 * var(--u)) calc(20 * var(--u)) calc(28 * var(--u));scrollbar-width:none;display:flex;overflow-x:auto}.lessons::-webkit-scrollbar{display:none}.lessoncard{align-items:center;gap:calc(17 * var(--u));width:calc(280 * var(--u));height:calc(98 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(18 * var(--u));border:calc(3 * var(--u)) solid transparent;border-radius:calc(26 * var(--u));background:var(--locked-card);box-shadow:var(--shadow-soft);line-height:calc(30 * var(--u));flex:none;display:flex;position:relative}.lessoncard--current{width:calc(312 * var(--u));border-color:var(--lavender-border);background:var(--lavender-card)}.lessoncard--open{background:var(--card)}.lessoncard__icon{width:calc(52 * var(--u));height:calc(52 * var(--u));background:linear-gradient(180deg, var(--purple-1), var(--purple-2));color:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.lessoncard__icon svg{width:calc(24 * var(--u));height:calc(24 * var(--u));margin-left:calc(3 * var(--u))}.lessoncard--locked .lessoncard__icon{background:var(--locked-icon);color:#b5aabd}.lessoncard--locked .lessoncard__icon svg{width:calc(30 * var(--u));height:calc(30 * var(--u));margin-left:0}.lessoncard__text{min-width:0}.lessoncard__name{color:var(--ink);font-size:calc(22 * var(--u) * var(--fs));font-weight:900;display:block}.lessoncard__sub{font-size:calc(22 * var(--u) * var(--fs));white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lessoncard--locked .lessoncard__sub{color:#5c4e68}.lessoncard__state{top:calc(10 * var(--u));right:calc(16 * var(--u));color:var(--locked-ink);position:absolute}.lessoncard__state img{width:calc(28 * var(--u));height:calc(28 * var(--u))}.lessoncard__state svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}.nav{left:50%;bottom:calc(17 * var(--u) + env(safe-area-inset-bottom));width:calc(927 * var(--u));height:calc(140 * var(--u) * var(--fs));padding:calc(11 * var(--u)) calc(17 * var(--u));border:calc(2 * var(--u)) solid #fff;border-radius:calc(70 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(26 * var(--u)) #96648233;z-index:10;background:#fcf7f7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;transform:translate(-50%)}:root[data-theme=dark] .nav{background:var(--card);border-color:var(--card-edge)}.nav__item{justify-content:center;align-items:center;gap:calc(6 * var(--u));border-radius:calc(59 * var(--u));color:var(--nav-ink);font-size:calc(27 * var(--u) * var(--fs));margin:0 calc(3 * var(--u));flex-direction:column;font-weight:800;display:flex;position:relative}.nav__item svg{width:calc(52 * var(--u) * var(--fs));height:calc(52 * var(--u) * var(--fs))}.nav__item[aria-current=page]{background:var(--pink-soft);color:var(--pink-active)}.nav__item .dot{top:calc(12 * var(--u));left:calc(50% + 20 * var(--u))}.pagehead{align-items:center;gap:calc(20 * var(--u));display:flex}.pagehead h1{flex:1}.word{align-items:center;gap:calc(26 * var(--u));text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:flex}.word__body{flex:1;min-width:0}.word__hz{font-size:calc(50 * var(--u) * var(--fs))}.word__meaning{color:var(--ink-body);font-size:calc(27 * var(--u) * var(--fs));font-weight:600;display:block}.sentence{padding-top:calc(16 * var(--u));border-top:calc(2 * var(--u)) dashed var(--divider);font-size:calc(38 * var(--u) * var(--fs))}.sentence p{font-size:calc(25 * var(--u) * var(--fs))}.field{gap:calc(10 * var(--u));color:var(--ink);font-size:calc(27 * var(--u) * var(--fs));flex-direction:column;font-weight:800;display:flex}.field select{height:calc(80 * var(--u));padding:0 calc(20 * var(--u));border:calc(3 * var(--u)) solid var(--lavender-select);border-radius:calc(24 * var(--u));background:var(--card);color:var(--ink);font-size:calc(28 * var(--u) * var(--fs));font-weight:700}.source{padding-top:calc(16 * var(--u));border-top:calc(2 * var(--u)) dashed var(--divider)}.source a{color:var(--pink-active);font-weight:800}.empty{align-items:center;gap:calc(26 * var(--u));display:flex}.empty img{width:calc(110 * var(--u));flex:none}.lessongrid{gap:calc(15 * var(--u));grid-template-columns:1fr 1fr;display:grid}.lessongrid .lessoncard,.lessongrid .lessoncard--current{width:auto}.tian{--size:96px;width:var(--size);height:var(--size);border:calc(3 * var(--u)) solid var(--lavender-select);border-radius:calc(26 * var(--u));background:var(--card);color:var(--ink);font-family:var(--font-hanzi);font-size:calc(var(--size) * .64);flex:none;place-items:center;line-height:1;display:grid;position:relative;overflow:hidden}.tian:before,.tian:after{content:"";pointer-events:none;position:absolute}.tian:before{border-right:1.5px dashed var(--grid);inset:0 50% 0 auto}.tian:after{border-top:1.5px dashed var(--grid);inset:50% 0 auto}.tian>span{z-index:1;position:relative}.hz{color:var(--ink);flex-wrap:wrap;align-items:flex-end;gap:2px;display:inline-flex}.hz__syl{flex-direction:column;align-items:center;display:inline-flex}.hz__py{min-height:1.3em;font-family:var(--font);font-size:.42em;font-weight:700;line-height:1.3}.hz__ch{font-family:var(--font-hanzi);font-weight:500;line-height:1.15}.tone-1{color:var(--tone-1)}.tone-2{color:var(--tone-2)}.tone-3{color:var(--tone-3)}.tone-4{color:var(--tone-4)}.tone-5{color:var(--tone-5)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shell .today{grid-template-columns:calc(150 * var(--u)) 1fr;row-gap:calc(18 * var(--u));padding:calc(22 * var(--u)) calc(26 * var(--u)) calc(26 * var(--u));grid-template-rows:auto auto}.shell .today__chip{top:calc(22 * var(--u));right:calc(26 * var(--u));position:absolute}.shell .today h2{padding-right:calc(150 * var(--u))}.shell .today__sub{margin-bottom:0}.shell .today .btn{width:100%;height:calc(84 * var(--u));grid-column:1/-1;margin:0}.shell .tiles{gap:calc(12 * var(--u));grid-template-columns:repeat(5,minmax(0,1fr))}.shell .tile{height:auto;padding:calc(14 * var(--u)) 0 calc(16 * var(--u));justify-content:center}.shell .tile img{height:calc(82 * var(--u))}.shell .stats{row-gap:calc(22 * var(--u));grid-template-columns:1fr 1fr}.shell .stat:nth-child(odd){border-left:0}.shell .stat:nth-child(n+3){padding-top:calc(20 * var(--u));border-top:calc(2 * var(--u)) solid var(--divider)}.shell .lessoncard{width:calc(420 * var(--u));height:calc(147 * var(--u));gap:calc(24 * var(--u));padding:0 calc(24 * var(--u)) 0 calc(26 * var(--u));border-radius:calc(36 * var(--u));line-height:1.3}.shell .lessoncard--current{width:calc(460 * var(--u))}.shell .lessoncard__icon{width:calc(78 * var(--u));height:calc(78 * var(--u))}.shell .lessoncard__icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}.shell .lessoncard__name,.shell .lessoncard__sub{font-size:calc(33 * var(--u) * var(--fs))}.shell .lessoncard__state{top:calc(14 * var(--u));right:calc(22 * var(--u))}.shell .lessoncard__state img,.shell .lessoncard__state svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}.shell--bigtext .levelpill{width:calc(520 * var(--u))}.shell--bigtext .levelpill select{width:calc(196 * var(--u));background-position:right calc(20 * var(--u)) center}.shell--bigtext .world{height:auto;min-height:calc(200 * var(--u));padding-top:calc(16 * var(--u));padding-bottom:calc(16 * var(--u))}.shell--bigtext .world__text{font-size:calc(25 * var(--u) * var(--fs))}.speak-btn{width:calc(64 * var(--u) * var(--fs));height:calc(64 * var(--u) * var(--fs));background:var(--pink-soft);color:var(--pink-active);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.speak-btn svg{width:55%;height:55%}.speak-btn.is-playing{background:var(--pink-active);color:#fff}.scr .speak-btn{color:#d8423c;background:#fde2da}.zh-line__head{align-items:flex-end;gap:calc(16 * var(--u));display:flex}.word-card{position:relative}.word-card__speak{top:calc(24 * var(--u));right:calc(24 * var(--u));z-index:1;position:absolute}.sentence .word__meaning{font-weight:500}.sentence .hz__ch{font-weight:400}.scr{--u:calc(var(--app-w) / 1024);--p-page:#f4e1e8;--p-card:#f9eff3;--p-card-2:#f5e6eb;--p-line:#eac9d5;--p-ink:#23152d;--p-body:#362145;--p-soft:#7a4657;--p-red-1:#fb6396;--p-red-2:#f14b82;--p-red-3:#d63a6e;--p-red-edge:#b82e5c;--p-red-soft:#f0d7e0;--p-gold:#eac8d4;--p-green:#2f9b4c;--p-wood:#d73f72;min-height:100vh;padding-bottom:calc(190 * var(--u) + env(safe-area-inset-bottom));background:var(--p-page);color:var(--p-body);position:relative}.scr--941{--u:calc(var(--app-w) / 941)}.scr--bare{padding-bottom:calc(40 * var(--u) + env(safe-area-inset-bottom))}body:has(.scr){background:#f4e1e8}.scr h1,.scr h2,.scr h3{color:var(--p-ink)}.scr .muted{color:var(--p-soft)}.p-hero{position:relative;overflow:hidden}.p-hero>img{width:100%;display:block}.p-hero:after{content:"";background:linear-gradient(180deg, transparent, var(--p-page));pointer-events:none;height:18%;position:absolute;inset:auto 0 0}.p-hero--nofade:after{display:none}.p-top{padding-top:env(safe-area-inset-top);z-index:2;position:absolute;inset:0 0 auto}.p-back{width:calc(82 * var(--u));height:calc(82 * var(--u));border:calc(3 * var(--u)) solid #ebccd7;color:#311e3e;box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #55346c33;background:#f8ecf0;border-radius:50%;place-items:center;display:grid;position:absolute}.p-back svg{width:calc(44 * var(--u));height:calc(44 * var(--u))}.p-title{align-items:center;gap:calc(14 * var(--u));height:calc(82 * var(--u));padding:0 calc(36 * var(--u)) 0 calc(24 * var(--u));border:calc(3 * var(--u)) solid #ebccd7;color:var(--p-ink);font-size:calc(44 * var(--u) * var(--fs));box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #55346c33;background:#f8ecf0;border-radius:999px;font-weight:900;display:flex;position:absolute}.p-title img,.p-title svg{height:calc(54 * var(--u));width:auto}.p-title svg{width:calc(44 * var(--u));height:calc(44 * var(--u))}.wallet{gap:calc(22 * var(--u));display:flex;position:absolute}.wallet__pill{width:calc(240 * var(--u));height:calc(58 * var(--u));padding:0 calc(8 * var(--u)) 0 calc(62 * var(--u));color:#fff;font-size:calc(28 * var(--u) * var(--fs));background:#462e48d6;border-radius:999px;align-items:center;font-weight:800;display:flex;position:relative}.wallet__pill>img{left:calc(-4 * var(--u));width:calc(64 * var(--u));position:absolute;top:50%;transform:translateY(-50%)}.wallet__pill>span{text-align:center;flex:1}.wallet__plus{width:calc(46 * var(--u));height:calc(46 * var(--u));color:#3a2440;background:#fff;border-radius:50%;place-items:center;display:grid}.wallet__plus svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}.p-panel{margin:0 calc(10 * var(--u));padding:calc(26 * var(--u)) calc(30 * var(--u));border:calc(3 * var(--u)) solid #efd5df;border-radius:calc(44 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(22 * var(--u)) #96325324;background:#f7ebef;position:relative}.p-panel--wood{border:calc(7 * var(--u)) solid var(--p-wood);box-shadow:0 0 0 calc(2 * var(--u)) #b82a59 inset, 0 calc(6 * var(--u)) calc(22 * var(--u)) #96325333}.p-card{border:calc(2 * var(--u)) solid var(--p-line);border-radius:calc(30 * var(--u));background:var(--p-card);box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #9632531f;position:relative}.p-btn{justify-content:center;align-items:center;gap:calc(18 * var(--u));height:calc(86 * var(--u));padding:0 calc(44 * var(--u));background:linear-gradient(180deg, var(--p-red-1) 0%, var(--p-red-2) 52%, var(--p-red-3) 100%);box-shadow:0 calc(2 * var(--u)) 0 #ffffff59 inset, 0 calc(6 * var(--u)) 0 var(--p-red-edge), 0 calc(12 * var(--u)) calc(20 * var(--u)) #c832644d;color:#fff;font-size:calc(38 * var(--u) * var(--fs));white-space:nowrap;cursor:pointer;border:0;border-radius:999px;font-weight:900;display:inline-flex}.p-btn:active{transform:translateY(calc(3 * var(--u)));box-shadow:0 calc(3 * var(--u)) 0 var(--p-red-edge)}.p-btn:disabled,.p-btn[aria-disabled=true]{filter:saturate(.4);opacity:.7;cursor:not-allowed}.p-btn svg{width:calc(32 * var(--u));height:calc(32 * var(--u))}.p-btn--cream{box-shadow:0 calc(5 * var(--u)) 0 #e8c1cf, 0 calc(10 * var(--u)) calc(18 * var(--u)) #96325329;color:var(--p-ink);background:#f9eef2}.p-chip{height:calc(46 * var(--u));padding:0 calc(24 * var(--u));background:var(--p-red-soft);color:var(--p-ink);font-size:calc(28 * var(--u) * var(--fs));white-space:nowrap;border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.p-chip--red{color:#fff;background:linear-gradient(#e24f80,#cf3b6c)}.p-reward{align-items:center;gap:calc(14 * var(--u));height:calc(64 * var(--u));padding:0 calc(26 * var(--u)) 0 calc(10 * var(--u));border:calc(2 * var(--u)) solid #f68fb1;background:var(--p-gold);color:var(--p-ink);font-size:calc(36 * var(--u) * var(--fs));border-radius:999px;font-weight:900;display:inline-flex}.p-reward img{width:calc(54 * var(--u))}.p-reward--done{filter:grayscale(.6);opacity:.75}.p-tabs{gap:calc(14 * var(--u));display:flex}.p-tab{justify-content:center;align-items:center;gap:calc(12 * var(--u));height:calc(66 * var(--u));padding:0 calc(10 * var(--u));border:calc(2 * var(--u)) solid var(--p-line);color:#392348;font-size:calc(27 * var(--u) * var(--fs));white-space:nowrap;cursor:pointer;background:#f4e3e9;border-radius:999px;flex:1;font-weight:700;display:inline-flex;position:relative}.p-tab svg{width:calc(36 * var(--u));height:calc(36 * var(--u));flex:none}.p-tab[aria-selected=true]{color:#fff;box-shadow:0 calc(5 * var(--u)) 0 #c8436f;background:linear-gradient(#f8729f,#e85888);border-color:#0000}.p-tab[aria-selected=true]:after{content:"";left:50%;bottom:calc(-16 * var(--u));border:calc(12 * var(--u)) solid transparent;border-top-color:#d94f7d;position:absolute;transform:translate(-50%)}.p-bar{height:calc(20 * var(--u));background:#e2b6c6;border-radius:999px;overflow:hidden}.p-bar>div{height:100%;min-width:calc(30 * var(--u));background:linear-gradient(#6fd58e,#3fae63);border-radius:999px}.p-segments{gap:calc(4 * var(--u));padding:calc(6 * var(--u));background:#f0d8e1;border-radius:999px;display:flex}.p-segments>span{height:calc(22 * var(--u));border-radius:calc(6 * var(--u));background:#e9c4d2;flex:1}.p-segments>span:first-child{border-radius:999px calc(6 * var(--u)) calc(6 * var(--u)) 999px}.p-segments>span:last-child{border-radius:calc(6 * var(--u)) 999px 999px calc(6 * var(--u))}.p-segments>span.on{background:linear-gradient(#f65b8f,#e03b72)}.p-segments--green>span.on{background:linear-gradient(#6fd58e,#3fae63)}.p-row{align-items:center;gap:calc(16 * var(--u));display:flex}.p-between{justify-content:space-between}.p-iconbtn{width:calc(70 * var(--u));height:calc(70 * var(--u));border:calc(2 * var(--u)) solid var(--p-line);color:var(--p-ink);box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #96325329;cursor:pointer;background:#f9eef2;border-radius:50%;flex:none;place-items:center;display:grid}.p-iconbtn svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}.p-speaker{width:calc(68 * var(--u));height:calc(68 * var(--u));color:#fff;box-shadow:0 calc(4 * var(--u)) 0 #b83a64;cursor:pointer;background:linear-gradient(#f86a99,#e0487b);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.p-speaker svg{width:calc(38 * var(--u));height:calc(38 * var(--u))}.p-speaker--soft{color:#e0487b;box-shadow:none;background:#f4e3e9}.p-note{padding:calc(16 * var(--u)) calc(22 * var(--u));border-radius:calc(20 * var(--u));color:var(--p-soft);font-size:calc(26 * var(--u) * var(--fs));background:#f2dee5}.p-hz{font-family:var(--font-hanzi);color:var(--p-ink)}.shell--bigtext{--fs:1.15}.shell--lesson .shell__main,.shell--lesson .shell__bare{--fs:1.65}