:root{--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-full:999px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:24px;--fs-2xl:32px;--font-sans:var(--font-heading),Arial,Helvetica,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--font-hanzi:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;--tomato:#ff440c;--logoGradient:linear-gradient(60deg,#7432ff,#a97aff 50%,#7432ff);--cardPadX:22px;--fw-medium:400;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;color-scheme:dark;--bg0:#121215;--bg1:#17171b;--panel:rgba(255,255,255,0.055);--panel2:rgba(255,255,255,0.08);--text:rgba(255,255,255,0.94);--heading:var(--text);--muted:rgba(255,255,255,0.7);--fineInk:var(--muted);--line:rgba(255,255,255,0.32);--border:var(--line);--border2:rgba(255,255,255,0.26);--shadow:rgba(0,0,0,0.65);--accent:rgba(167,123,255,0.92);--accent2:rgba(167,123,255,0.78);--tint:var(--accentInk);--tintSoft:rgba(167,123,255,0.18);--ring:rgba(167,123,255,0.18);--ringStrong:rgba(167,123,255,0.3);--glow:rgba(167,123,255,0.1);--buttonText:#fff;--inputBg:rgba(0,0,0,0.1);--cardBg:rgba(18,18,21,0.18);--glassEdge:inset 0 0 0 1px var(--line);--glassBlur:blur(30px);--innerBg:transparent;--innerEdge:var(--glassEdge);--cardBgHover:rgba(255,255,255,0.055);--buttonBg:#7432ff;--buttonBg2:#a97aff;--accentInk:#a77bff;--statusBg:transparent;--navBg:rgba(0,0,0,0.32);--navPillBg:rgba(255,255,255,0.03);--navPillBgHover:rgba(255,255,255,0.06);--glowOpacity:0.55;--iconBtnBg:rgba(0,0,0,0.22);--iconBtnBgHover:rgba(0,0,0,0.3);--iconBtnText:var(--muted);--chartInk:var(--accentInk);--chartInkStrong:rgba(167,123,255,0.92);--chartTrack:rgba(255,255,255,0.06);--heatBorder:rgba(255,255,255,0.06);--heat1:rgba(167,123,255,0.15);--heat2:rgba(167,123,255,0.2);--heat3:rgba(167,123,255,0.25);--heat4:rgba(167,123,255,0.3);--heat5:rgba(167,123,255,0.36);--heat6:rgba(167,123,255,0.41);--heat7:rgba(167,123,255,0.46);--heat8:rgba(167,123,255,0.51);--heat9:rgba(167,123,255,0.56);--heat10:rgba(167,123,255,0.63);--storyCardBg:rgba(255,255,255,0.03);--storyFavBg:rgba(255,255,255,0.03);--storyFavBorder:rgba(255,255,255,0.03)}html[data-theme=light]{color-scheme:light;--accentInk:#5300ff;--bg0:#f6f6f7;--bg1:#ececee;--panel:rgba(255,255,255,0.75);--panel2:rgba(255,255,255,0.85);--text:#2b2220;--heading:var(--text);--muted:rgba(43,34,32,0.62);--fineInk:rgba(43,34,32,0.82);--line:rgba(20,20,40,0.43);--border:var(--line);--border2:rgba(0,0,0,0.22);--shadow:rgba(0,0,0,0.12);--accent:rgba(83,0,255,0.92);--accent2:rgba(83,0,255,0.78);--tint:var(--accentInk);--tintSoft:rgba(83,0,255,0.16);--ring:var(--tintSoft);--ringStrong:rgba(83,0,255,0.26);--glow:rgba(83,0,255,0.1);--buttonText:#fff;--inputBg:rgba(255,255,255,0.3);--cardBg:rgba(255,255,255,0.16);--glassEdge:inset 0 0 0 1px var(--line);--glassBlur:blur(12px) saturate(180%);--innerBg:transparent;--innerEdge:var(--glassEdge);--cardBgHover:rgba(255,255,255,0.74);--buttonBg:#7432ff;--buttonBg2:#a97aff;--statusBg:transparent;--navBg:rgba(255,255,255,0.65);--navPillBg:rgba(255,255,255,0.62);--navPillBgHover:rgba(255,255,255,0.78);--glowOpacity:0.22;--iconBtnBg:rgba(255,255,255,0.7);--iconBtnBgHover:rgba(255,255,255,0.88);--iconBtnText:var(--muted);--chartInk:var(--accentInk);--chartInkStrong:rgba(83,0,255,0.82);--chartTrack:rgba(83,0,255,0.06);--heatBorder:rgba(83,0,255,0.06);--heat1:rgba(83,0,255,0.06);--heat2:rgba(83,0,255,0.09);--heat3:rgba(83,0,255,0.12);--heat4:rgba(83,0,255,0.15);--heat5:rgba(83,0,255,0.18);--heat6:rgba(83,0,255,0.22);--heat7:rgba(83,0,255,0.26);--heat8:rgba(83,0,255,0.3);--heat9:rgba(83,0,255,0.35);--heat10:rgba(83,0,255,0.4);--storyCardBg:rgba(255,255,255,0.68);--storyFavBg:rgba(0,0,0,0.04);--storyFavBorder:rgba(0,0,0,0.12)}[hidden]{display:none!important}*{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body,html{padding:0;margin:0;min-height:100%;font-family:var(--font-sans)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:400}html{background:var(--bg0)}html:before{content:none}body{color:var(--text);background:transparent;position:relative;z-index:1}html:not([data-theme=light]),html:not([data-theme=light]) body{font-variant-emoji:text}html:not([data-theme=light]) .bwNavButton,html:not([data-theme=light]) .bwNavLink,html:not([data-theme=light]) .bwStatus,html:not([data-theme=light]) .habitsSmallLabel,html:not([data-theme=light]) .storyAudioMsg,html:not([data-theme=light]) .storyFavBtn:not(.storyFavBtnOn),html:not([data-theme=light]) .storyMeta,html:not([data-theme=light]) .storyPreview,html:not([data-theme=light]) .storyStatusBlock,html:not([data-theme=light]) .storyTranslationOverlay{filter:grayscale(1) saturate(0)}html[data-theme=light] .bwNavButton,html[data-theme=light] .bwNavLink,html[data-theme=light] .bwStatus,html[data-theme=light] .habitsSmallLabel,html[data-theme=light] .storyAudioMsg,html[data-theme=light] .storyFavBtn,html[data-theme=light] .storyMeta,html[data-theme=light] .storyPreview,html[data-theme=light] .storyStatusBlock,html[data-theme=light] .storyTextBody,html[data-theme=light] .storyTextTitle,html[data-theme=light] .storyTitleHanzi,html[data-theme=light] .storyTranslationOverlay{filter:none}.bwAppLayer{position:relative;z-index:1}a{color:inherit;text-decoration:none}*{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.bwApp{max-width:760px;margin:0 auto;padding:36px 18px 48px}.guideHero,.guideSectionTitle,.habitsStatValue,.highlightText,.storyTextTitle,.storyTitleHanzi,.wordCardWord,.wordsItem{color:var(--heading)}.bwInput,.bwSelect,.bwTextarea{width:100%;border:1px solid var(--border);background:var(--inputBg);color:var(--text);border-radius:var(--radius-sm);padding:11px 12px;font:inherit;font-size:var(--fs-sm);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.bwSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 21px) 50%,calc(100% - 16px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}.bwTextarea{min-height:110px;resize:vertical;line-height:1.45}.bwInput:focus,.bwSelect:focus,.bwTextarea:focus,input:not([type=checkbox],[type=radio]):focus,select:focus,textarea:focus{outline:none}.bwMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}.bwStatus{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-size:var(--fs-sm);line-height:1.45;color:var(--text);background:var(--statusBg);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.bwStatusOk{border-color:rgba(255,255,255,.42)}.bwStatusErr{border-color:rgba(255,255,255,.35)}@media (min-width:721px){.bwTopNavLinks:has(>.bwNavNotice){border-color:transparent;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none!important}.bwAppLayer{transition:padding-top .24s ease}body:has(.bwNavNotice) .bwAppLayer{padding-top:var(--navNoticeHeight)}}:root{--navNoticeHeight:32px}.bwNavShape{position:absolute;top:-1px;left:-1px;z-index:-1;-webkit-backdrop-filter:var(--glassBlur);backdrop-filter:var(--glassBlur);animation:bwNavNoticeIn .24s ease both}.bwNavShape svg{display:block}.bwNavShape path{fill:var(--cardBg);stroke:var(--line);stroke-width:2}.bwNavNotice{position:absolute;top:calc(100% + 1px);left:50%;translate:-50% 0;z-index:1;box-sizing:border-box;height:var(--navNoticeHeight);display:flex;align-items:center;gap:.35em;padding:0 20px 4px;font-size:var(--fs-xs);line-height:1;color:var(--muted);text-decoration:none;white-space:nowrap;animation:bwNavNoticeIn .24s ease both}.bwNavNoticeLink{color:var(--accentInk);transition:opacity .16s ease}.bwNavNotice:hover .bwNavNoticeLink{opacity:.75}@keyframes bwNavNoticeIn{0%{opacity:0}}.pageTransition{animation:pageEnter .42s cubic-bezier(.2,.7,.2,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px)}}.pageTransition:has(>.uiDemoEnd){animation:none}.pageTransition:has(>.uiDemoEnd)>main{animation:pageEnter .42s cubic-bezier(.2,.7,.2,1)}.pageTransition>.uiDemoEnd{animation:pageGlide .42s cubic-bezier(.2,.7,.2,1)}@keyframes pageGlide{0%{transform:translateY(14px)}}.bwTopNav{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none}.bwNavStatus{position:relative;display:inline-flex;align-items:center;margin-left:9px;padding:0 10px}.bwNavStatus:empty{display:none}.bwNavStatus:before{content:"";position:absolute;top:50%;left:-6px;width:1px;height:18px;translate:0 -50%;background:var(--border2)}.bwAnkiDot{display:block;width:7px;height:7px;border-radius:50%;background:#ff453a}.bwAnkiDot.isPending{background:var(--border2)}html.ankiKnown .bwNavConnect.isPending,html:not(.ankiKnown) .bwAnkiDot.isPending{display:none}.bwAnkiDotOn{background:#30d158;box-shadow:0 0 6px rgba(48,209,88,.6)}.bwAnkiDotWarn{background:#ff9f0a;box-shadow:0 0 6px rgba(255,159,10,.55)}.setupDotLegend{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px;font-size:var(--fs-sm);line-height:1.5}.setupDotLegend li{display:grid;grid-template-columns:7px 1fr;grid-gap:12px;gap:12px;align-items:baseline}.setupDotLegend .bwAnkiDot{translate:0 -1px}.bwNavConnect{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 4px;border:none;background:transparent;font:inherit;font-size:var(--fs-sm);line-height:1;color:var(--accentInk);white-space:nowrap;cursor:pointer;transition:opacity .16s ease}.bwNavConnect:hover:not(:disabled){opacity:.75}.bwNavConnect:disabled{cursor:default;opacity:.6}.bwNavConnect.isPending:disabled{opacity:1}@media (max-width:720px){.bwNavStatus{display:none}}.bwNavLink{display:inline-block;color:var(--muted);text-decoration:none;padding:0;background:transparent;border:none;border-radius:0;font-weight:400;font-size:var(--fs-md);line-height:1;white-space:nowrap;transition:color .16s ease}.bwNavBrand,.bwNavLink:hover,.bwNavLink[aria-current=page]{color:var(--heading)}.bwNavTheme{position:absolute;top:50%;transform:translateY(-50%)}html .bwTopNavLinks .bwNavHome{position:relative;margin-right:9px;padding:4px 10px;filter:none}.bwTopNavLinks .bwNavHome img{display:block;width:22px;height:22px;transform:rotate(12deg);transition:transform .3s ease}.bwTopNavLinks .bwNavHome:hover img{animation:guideTomatoWiggle .6s ease!important}.bwTopNavLinks .bwNavHome:after{content:"";position:absolute;top:50%;right:-6px;width:1px;height:18px;translate:0 -50%;background:var(--border2)}.bwNavTheme{right:18px}.bwThemeToggle{display:grid;place-items:center;width:32px;height:32px;padding:0;font-size:var(--fs-lg)}.bwNavButton.bwThemeToggle{display:grid;place-items:center}.bwThemeIcon{display:block;width:1.1em;height:1.1em;background-color:currentColor;-webkit-mask:var(--icon) center /contain no-repeat;mask:var(--icon) center /contain no-repeat}.bwThemeIcon.isSun{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2.2M12 19.3v2.2M2.5 12h2.2M19.3 12h2.2M5.3 5.3l1.6 1.6M17.1 17.1l1.6 1.6M5.3 18.7l1.6-1.6M17.1 6.9l1.6-1.6'/%3E%3C/svg%3E")}html[data-theme=light] .bwThemeToggle{color:var(--muted)}.bwThemeIcon.isMoon{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M19.5 14.6A7.8 7.8 0 0 1 9.4 4.5a7.8 7.8 0 1 0 10.1 10.1z'/%3E%3C/svg%3E");width:1.05em;height:1.05em}.bwTopNavBar{display:none}@media (max-width:720px){.bwTopNav .bwTopNavInner{align-items:stretch;gap:0;padding-left:18px;padding-right:18px}.bwTopNav .bwNavTheme{top:28.5px;right:64px}.bwTopNav .bwNavHome{display:none}.bwTopNav .bwTopNavBar{display:flex;align-items:center;justify-content:space-between}.bwTopNav .bwNavBurger{display:grid;place-items:center;width:32px;height:32px;padding:0;font-size:var(--fs-xl);line-height:1;color:var(--text);transform:translateY(-2.5px)}.bwAppLayer .mobileNotice,.modalPanel .mobileNotice{display:block}.modalPanel .mobileNotice{margin-top:18px;padding-inline:24px}.modalPanel .mobileNotice .bwStatus{padding-right:60px}.modalShell:has(.mobileNotice) .modalClose{top:26px;right:32px;width:36px;height:36px;border-color:rgba(255,255,255,.5);background:transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff}html[data-theme=light] .modalShell:has(.mobileNotice) .modalClose{border-color:color-mix(in srgb,var(--text) 50%,transparent);color:var(--text)}.modalPanel:has(.mobileNotice) main.bwApp.bwApp{padding-top:18px}.bwAppLayer:has(.guide) .mobileNotice{display:none}.guide .guideSectionTitle{font-size:20px}.bwNavNotice,.bwNavShape{display:none}}.mobileNotice{display:none;max-width:760px;margin:18px auto 0;padding:0 18px}.bwNavButton{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--tint);background:transparent;border:none;border-radius:0;padding:0;margin:0;font-family:inherit;font-weight:400;font-size:var(--fs-lg);line-height:1;white-space:nowrap}.bwNavButton:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.bwTopNavInner{max-width:1392px;margin:0 auto;padding:12px 96px;flex-direction:column;align-items:center;gap:14px}.bwTopNavInner,.bwTopNavLinks{display:flex;justify-content:center}.bwTopNavLinks{gap:28px;flex-wrap:wrap;width:auto;align-items:baseline}.bwTopNavLinks>*{flex:0 0 auto}.bwAppWide{max-width:980px}.bwMt10{margin-top:10px}.bookmarkletButton{cursor:-webkit-grab;cursor:grab;max-width:220px}.habitsStartInput{font:inherit;color-scheme:light dark;cursor:pointer}.bwCenter{text-align:center}.bwPt70{padding-top:70px}.bwTitle404{font-size:42px;font-weight:400;letter-spacing:.2px}.bwGridGap10{display:grid;grid-gap:10px;gap:10px}.bwGridGap8{display:grid;grid-gap:8px;gap:8px}.bwContents{display:contents}.bwAudioFull{width:100%}.bwWMin680{width:min(680px,92vw)}.bwWordUnknown{background-image:radial-gradient(circle,var(--tint) 1.5px,transparent 2px);background-size:7px 6px;background-repeat:space no-repeat;background-position:0 100%;cursor:pointer}.storyGenMain{max-width:1200px;position:relative}.guideIntro kbd,.storyShortcuts kbd{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;padding:1px 6px;border:solid var(--border2);border-width:1px 1px 2px;border-radius:5px}.storyFlagDot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.storyStatusBlock{margin-top:10px;white-space:pre-wrap;line-height:1.4;font-size:var(--fs-sm);color:var(--muted)}.habitsTwoCol{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:820px){.habitsTwoCol{grid-template-columns:1fr}}.habitsHourLabels,.habitsSmallLabel{font-size:var(--fs-xs);color:var(--muted)}.habitsHourLabels{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:6px;gap:6px}.habitsHourLabels>div{text-align:center}.habitsBarSvg{display:block;color:var(--chartInk)}.habitsBarSvg,.habitsHeatmapWrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cardBg)}.habitsHeatmapWrap{padding:12px;overflow-x:auto}.habitsHeatmapGrid{display:grid;grid-template-columns:54px 1fr;grid-gap:10px;gap:10px}.habitsHeatmapCols{display:grid;grid-template-columns:repeat(24,minmax(18px,1fr));grid-gap:4px;gap:4px;align-items:end}.habitsHeatmapColLabel{font-size:var(--fs-xs);color:var(--muted);text-align:center}.habitsHeatmapRowLabel{font-size:var(--fs-xs);color:var(--text);padding-top:2px}.habitsHeatmapRowCells{display:grid;grid-template-columns:repeat(24,minmax(18px,1fr));grid-gap:4px;gap:4px}.habitsHeatCell{height:18px;border-radius:6px;border:1px solid var(--heatBorder);background:var(--chartTrack)}.habitsHeat1{background:var(--heat1)}.habitsHeat2{background:var(--heat2)}.habitsHeat3{background:var(--heat3)}.habitsHeat4{background:var(--heat4)}.habitsHeat5{background:var(--heat5)}.habitsHeat6{background:var(--heat6)}.habitsHeat7{background:var(--heat7)}.habitsHeat8{background:var(--heat8)}.habitsHeat9{background:var(--heat9)}.habitsHeat10{background:var(--heat10)}.studyTimeChart{display:flex;flex-direction:column;gap:10px}.studyTimeChartSvg{display:block;color:var(--chartInk)}.studyTimeBar{fill:currentColor}.studyTimeTick{font-size:10px;fill:rgba(255,255,255,.44)}html[data-theme=light] .studyTimeTick{fill:rgba(0,0,0,.4)}.storiesPager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.storiesGrid{display:grid;grid-gap:16px;gap:16px}.storiesGrid .storyCardLink{content-visibility:auto;contain-intrinsic-size:auto 260px;padding:28px 56px 18px;gap:12px;align-items:center;text-align:center}.storiesGrid .storyTitleRow{justify-content:center}@media (max-width:640px){.storiesGrid .storyCardLink{padding:24px 20px 10px}.storiesGrid .storyTitleRow{padding-inline:36px}}.storiesGrid .storyTitleHanzi{font-size:clamp(30px,3vw,44px);font-weight:200;line-height:1.1;text-align:center;text-wrap:balance}@media (max-width:640px){.storiesGrid .storyTitleHanzi{font-size:min(30px,7.7vw)}}.storiesGrid .storyPreview,html[data-theme=light] .storiesGrid .storyPreview{font-size:19px;line-height:1.4;color:color-mix(in srgb,var(--text) 82%,transparent);font-weight:300;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:641px){.storiesGrid .storyPreview,html[data-theme=light] .storiesGrid .storyPreview{-webkit-line-clamp:3}.storiesGrid .storyPreview:before,.storiesGrid .storyPreviewTaper{content:"";width:15%;height:4.2em}.storiesGrid .storyPreview:before{float:left;shape-outside:polygon(0 66.7%,100% 66.7%,100% 100%,0 100%)}.storiesGrid .storyPreviewTaper{float:right;shape-outside:polygon(0 66.7%,100% 66.7%,100% 100%,0 100%)}}.storyCardFoot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px}.storyCardFoot .storyDifficulty{display:contents}.storyCardFoot .storyDifficulty>span{color:color-mix(in srgb,var(--text) 82%,transparent);font-weight:300}html[data-theme=light] .storyCardFoot .storyDifficulty>span{font-weight:400}.storyCardFoot .storyMeta{flex-basis:100%;margin-top:9px;text-align:center}@media (max-width:640px){.storyCardFoot{gap:4px 12px}}.storyCardFoot .storyDifficulty>span,html[data-theme=light] .storyCardFoot .storyDifficulty>span{gap:5px;padding:0 8px;font-size:var(--fs-xs);color:color-mix(in srgb,var(--text) 58%,transparent)}.storyCardFoot .storyDifficulty>span:before{width:7px;height:7px}@media (min-width:641px){.storyCardFoot{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;width:calc(100% + 80px);margin:6px -40px 0}.storyCardFoot .storyMeta{grid-area:1/1;margin-top:0;text-align:left;white-space:nowrap}.storyCardFoot .storyDifficulty{grid-area:1/2;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px}}.storiesGrid .storyFavBtn{top:18px;right:16px}.storyCardLink{text-decoration:none;padding:18px 48px 18px 22px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--cardBg);display:flex;flex-direction:column;gap:8px;width:100%;position:relative;transition:border-color .15s}.storyCardLink:hover{border-color:var(--border2)}.storyFavBtn{position:absolute;z-index:2;top:10px;right:10px;width:34px;height:34px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--iconBtnBg);color:grey;display:grid;place-items:center;cursor:pointer;font-size:var(--fs-lg);line-height:1}.storyFavBtn:hover{background:var(--iconBtnBgHover);border-color:var(--border2)}.storyFavStar{--starOutline:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 3.2l2.6 5.4 5.9.8-4.3 4.1 1 5.9L12 16.6l-5.2 2.8 1-5.9-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E");--starFilled:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 3.2l2.6 5.4 5.9.8-4.3 4.1 1 5.9L12 16.6l-5.2 2.8 1-5.9-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E");display:block;width:1.15em;height:1.15em;background-color:currentColor;-webkit-mask:var(--starOutline) center /contain no-repeat;mask:var(--starOutline) center /contain no-repeat}:is(.storyFavBtnOn,.storyFavChip[aria-pressed=true]) .storyFavStar{-webkit-mask-image:var(--starFilled);mask-image:var(--starFilled)}.storyFavBtnOn,.storyFavBtnOn:hover{border-color:color-mix(in srgb,#a97aff 60%,transparent);background:color-mix(in srgb,#7432ff 16%,transparent);opacity:1}.storyTitleHanzi{width:-moz-fit-content;width:fit-content;font-family:var(--font-hanzi);font-size:clamp(20px,1.8vw,24px);line-height:1.15;font-weight:400;letter-spacing:.2px;text-align:left}.storyTitleRow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.storyMeta{font-size:var(--fs-xs);color:var(--text);opacity:.4;text-align:left}.storyPreview{font-size:var(--fs-sm);line-height:1.45;color:var(--muted);white-space:pre-wrap;text-align:left;font-family:var(--font-hanzi);font-weight:230}html[data-theme=light] .storyPreview{font-weight:400}.storyDetailMain{max-width:1200px;position:relative}.uiCard.storyReadingCard{display:block;padding:32px 36px}.storyBackRow{margin:-8px 0 14px -12px}.storyCornerToggles>.storyBackLink{margin-right:auto;margin-left:-10px}.storyAudio{margin-top:18px}.storyTextTitle{width:-moz-fit-content;width:fit-content;margin-bottom:14px;line-height:1.6;font-size:clamp(40px,4.8vw,72px)}.storyTextBody,.storyTextTitle{letter-spacing:.2px;font-weight:200;font-family:var(--font-hanzi)}.storyTextBody{white-space:pre-wrap;line-height:1.85;font-size:clamp(28px,3.2vw,44px);color:var(--text)}html[data-theme=light] :is(.storyTextTitle,.storyTextBody,.storiesGrid .storyTitleHanzi,.highlightText,.wordCardWord){font-weight:300}.storyCornerToggles{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.storyCornerToggles>*{white-space:nowrap}.storyCornerToggles>.uiPill{line-height:1.2;padding-top:6px;padding-bottom:6px}@media (max-width:720px){.storyCornerToggles{gap:6px}.storyCornerToggles>.uiChip,.storyCornerToggles>.uiPill{padding:5px 9px;font-size:var(--fs-xs)}}.storyTextWrap{position:relative}.storyPinyinHidden .storyRuby rt,.storyTranslationActive>:not(.storyTranslationOverlay){visibility:hidden}.storyRuby{ruby-position:under}.storyRuby rt{font-size:.32em;padding-top:.6em;font-family:var(--font-sans);font-weight:400;letter-spacing:0;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:720px){.storyRuby rt{padding-top:0}.storyTextTitle .storyRuby rt{padding-top:.55em}.storyTextBody{line-height:2.1}}.storyAudioMsg{white-space:pre-wrap;line-height:1.4;font-size:var(--fs-sm);color:var(--muted)}.storyToolbar{display:flex;margin-top:18px;align-items:center;justify-content:space-between;gap:12px}.storyToolbarLeft{display:flex;gap:10px;flex-wrap:wrap}.storyTranslationOverlay{position:absolute;inset:0;overflow-y:auto;color:var(--text);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease}.storyTranslationOverlayShown{opacity:1;pointer-events:auto}.storyTranslationTitle{margin-bottom:12px;font-size:clamp(32px,3.6vw,52px);font-weight:400;line-height:1.25}.storyTranslationText{white-space:pre-wrap;font-size:clamp(24px,2.6vw,36px);font-weight:350;line-height:1.5}.wordsCountLine{margin-bottom:10px}.guide{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px;line-height:1.5;padding-bottom:0}.guide h3,.guide-grid li>strong,.guideFaqQ,.guideSectionTitle{line-height:1.25}.guideSectionTitle{line-height:1.2;letter-spacing:-.015em}.guide li,.guide p,.guide td{color:var(--text)}.guide ol,.guide p,.guide ul{margin:0 0 12px}.guide a:not(.uiButton){color:var(--accentInk)}.guide a.uiButton{text-decoration:none}.guide code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;padding:1px 6px;border-radius:var(--radius-xs);background:var(--statusBg);overflow-wrap:anywhere}.guide h2,.guide h3{scroll-margin-top:87px}@media (max-width:720px){.guide h2,.guide h3{scroll-margin-top:73px}}.guideHero{padding:44px 36px;text-align:center}.guideHeroTitle{margin:0 0 10px}.guideHeroName{display:block;font-family:var(--font-hanzi);font-weight:260;font-size:clamp(92px,16.5vw,178px);line-height:1.05;letter-spacing:.04em}html[data-theme=light] .guideHeroName{font-weight:360}.guideHeroSub{display:block;margin-top:8px;font-size:clamp(22px,3.2vw,32px);line-height:1.2}.guideHeroFootnote{margin:0 auto 8px!important;max-width:440px;text-align:center;font-size:var(--fs-xs);color:var(--muted)!important;text-wrap:balance}.guideHeroTagline{font-size:var(--fs-lg);max-width:640px;margin:0 auto 26px!important;line-height:1.4}.guideHeroTagline:has(+.guideHeroLanguages){margin-bottom:10px!important}.guideHero .guideHeroLanguages{margin:0 auto 26px!important;max-width:640px;font-size:var(--fs-sm);color:var(--muted)}.guideHeroActions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.guideHeroSample{margin:14px 0 0!important;font-size:var(--fs-sm)}.guideHeroSample a{color:var(--muted);text-decoration:none;transition:color .16s ease,opacity .16s ease}.guideHeroSample a:hover{color:var(--heading);opacity:.8}.guideToc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.guideTocLink{text-decoration:none!important;font-size:var(--fs-sm);font-weight:400;color:var(--muted);padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--cardBg);transition:color .16s ease,border-color .16s ease}.guideTocLink:hover{color:var(--heading);border-color:var(--border2)}.uiCard.guideCard,.uiCard.guideHero{display:block}.guideCard{padding:28px 32px}.guideSectionTitle{display:flex;align-items:center;gap:12px;font-size:var(--fs-xl);margin:0 0 16px}.guide-grid ul,.guideIntro>ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-gap:12px;gap:12px}.guide-grid li,.guideIntro>ul>li{margin:0;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--statusBg)}.guide-grid li>strong:first-child,.guideIntro>ul>li>strong:first-child{display:block;font-size:var(--fs-md);margin-bottom:4px}.guide blockquote{margin:16px 0 0;padding:14px 18px;border:1px solid var(--border);border-left:4px solid var(--buttonBg);border-radius:var(--radius-sm);background:var(--statusBg)}.guide blockquote p{margin:0}.guide-checks ul{list-style:none;padding:0}.guide-checks li{position:relative;padding-left:30px;margin:10px 0}.guide-checks li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:400;background:var(--buttonBg);color:#fff}.guideSteps{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px}.guide li,.guide p{overflow-wrap:anywhere}.guideStep{padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--statusBg)}.guideStep h3{display:flex;align-items:center;gap:12px;font-size:var(--fs-md);margin:0 0 8px}.guideStepNum{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--tint);color:var(--bg,#111);font-size:var(--fs-md);font-weight:400}.guideFaq>:is(:last-child,:has(+.tabShape)),.guideSection>:has(+.tabShape),.guideStep>:is(:last-child,:has(+.tabShape)){margin-bottom:0}.guideFaqs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));align-items:start;grid-gap:12px;gap:12px}.guideFaq{padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--statusBg)}.guideFaqQ{font-size:var(--fs-md);margin-bottom:6px!important}.guide table{border-collapse:separate;border-spacing:0;width:100%;margin:0 0 12px;font-size:var(--fs-md);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.guide td,.guide th{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.guide tr:last-child td{border-bottom:none}.guide th{background:var(--statusBg)}.bwAppLayer{min-height:calc(100vh / var(--page-zoom, 1) - 75px);padding-bottom:72px}.siteFooter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--muted);text-align:center}.siteFooter a{font-weight:400}html[data-theme=light] .siteFooter{color:#6b6b70}@media (min-width:721px){.guideSection:has(#costs) td:first-child{white-space:nowrap}}.guideContact{width:100%}.guideFooter{text-align:center;max-width:620px;margin:0 auto;padding:12px 20px;border-radius:var(--radius-md)}.guideFooter p{margin:0;font-size:var(--fs-sm);color:var(--muted)!important}html[data-theme=light] .guideFooter p{color:#6b6b70!important}html[data-theme=light] .guideStepNum{color:#fff!important}@media (max-width:720px){.guideCard,.guideHero{padding:22px 18px}}.wordsGroup+.wordsGroup{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.wordsGroupTitle{margin:0 0 16px;font-weight:400;font-size:var(--fs-lg);letter-spacing:-.015em;color:var(--heading)}.wordsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:28px 10px;gap:28px 10px;align-items:start}.wordsItem{font-family:var(--font-hanzi);font-size:clamp(28px,3.2vw,44px);font-weight:260;letter-spacing:.4px;line-height:1.05;word-break:break-word}html[data-theme=light] .wordsItem{font-weight:360}@media (max-width:720px){.wordsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px;text-align:center}.wordsGrid .wordsItem{font-size:24px}}.wordsChar{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;word-break:inherit;text-align:left;cursor:pointer;display:inline}.wordsChar:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring);border-radius:var(--radius-sm)}.wordCard{position:absolute;z-index:80;width:380px;height:440px;display:flex;flex-direction:column;gap:12px;padding:18px 20px 0;border:1px solid var(--border2);border-radius:var(--radius-md);background:var(--bg0);box-shadow:0 24px 60px var(--shadow);text-align:left}.wordCard.isSheet{position:fixed;left:8px;right:8px;bottom:8px;width:auto;height:min(440px,70vh)}.wordCard.isCompact,.wordCard.isSheet.isCompact{height:auto}.wordCard.isCompact .wordCardBody{padding-bottom:4px}.wordCardActions{flex:none;display:grid;padding-bottom:18px}.wordCardMeaning.isPending{color:var(--muted)}.wordCardHead{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wordCardWord{font-family:var(--font-hanzi);font-weight:200;font-size:48px;line-height:1.1}.wordCardPinyin{margin-top:4px;font-size:var(--fs-md);color:var(--text);opacity:.6}.wordCardHeadSide{display:flex;align-items:center;gap:10px}.wordCardBody{flex:1 1;min-height:0;display:grid;align-content:start;grid-gap:12px;gap:12px;padding-bottom:20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.wordCardBody::-webkit-scrollbar{display:none}.wordCardMeaning{font-size:var(--fs-lg);line-height:1.35;color:var(--text)}.wordCardMeaningMore{margin-top:6px;font-size:var(--fs-sm);line-height:1.45;color:var(--muted);white-space:pre-line}.wordCardNotes{margin:0;padding-left:0;display:grid;grid-gap:2px;gap:2px;font-size:var(--fs-sm);line-height:1.4;color:var(--text);opacity:.7}.wordCardExamples{margin:0;padding:12px 0 0;list-style:none;display:grid;grid-gap:10px;gap:10px;border-top:1px solid var(--line)}.wordCardExampleRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.wordCardExampleText{font-family:var(--font-hanzi);font-size:var(--fs-md);line-height:1.4;color:var(--heading)}.wordCardExampleText mark{background:none;color:#a97aff}.wordCardExampleTranslation{margin-top:1px;font-size:var(--fs-sm);line-height:1.35;color:var(--text);opacity:.6}.wordCardPlay{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border2);border-radius:var(--radius-full);background:transparent;color:var(--text);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.wordCardPlay svg{width:16px;height:16px;margin-left:2px}.wordCardPlay.isSmall{width:30px;height:30px}.wordCardPlay.isSmall svg{width:12px;height:12px}.wordCardPlay:hover{border-color:var(--text)}.wordCardPlay[data-playing="1"]{border-color:#a97aff;background:#a97aff;color:#fff}.highlightsWall{display:grid;grid-gap:16px;gap:16px}.highlightCard{position:relative;perspective:2000px;text-align:center;cursor:pointer}.highlightFlip{display:grid;grid-template-columns:1fr;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.highlightCard.isFlipped .highlightFlip{transform:rotate3d(var(--axisX,1),var(--axisY,0),0,180deg)}.highlightFace{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px 48px 28px;border-radius:var(--radius-md);background:var(--cardBg);box-shadow:var(--glassEdge);backface-visibility:hidden;-webkit-backface-visibility:hidden}.highlightBack{transform:rotate3d(var(--axisX,1),var(--axisY,0),0,180deg)}.highlightCard.isFlipped .highlightFront,.highlightCard:not(.isFlipped) .highlightBack{pointer-events:none}.highlightFront{transform:rotateX(0deg);position:relative;padding-top:40px;box-shadow:none}.highlightFront:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(60deg,#7432ff,#a97aff 50%,#7432ff);background-size:200% 100%;animation:themeGradientDrift 8s steps(96) infinite alternate!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}html[data-theme=light] .highlightFront:before{padding:1.5px}.highlightTomato{position:absolute;bottom:1px;z-index:2;width:26px;height:26px;translate:-50% 0;pointer-events:none}.bwAppLayer:has(.highlightsMain){overflow:clip}.highlightFront .highlightDate{position:absolute;top:12px;left:0;right:0}@media (prefers-reduced-motion:reduce){.highlightFlip{transition:transform .6s cubic-bezier(.2,.7,.2,1)!important}}.highlightText{margin:2px 0 4px;font-size:clamp(32px,4.2vw,62px);font-weight:200;line-height:1.2;word-break:break-word}.highlightPlain,.highlightText{font-family:var(--font-hanzi);text-wrap:balance}.highlightPlain{max-width:36em;line-height:1.4;font-size:var(--fs-lg);color:var(--text);opacity:.75}.highlightTranslation{max-width:900px;margin-top:6px;line-height:1.2;font-size:36px;color:var(--text);text-wrap:balance}.highlightTranslation.isLoading{opacity:.35}.highlightStoryLink{margin-top:10px;font-size:var(--fs-sm);color:var(--accent);text-decoration:none}.highlightStoryLink:hover{text-decoration:underline}.highlightDate{font-size:var(--fs-xs);color:var(--text);opacity:.4}@media (max-width:720px){.highlightFace{gap:2px;padding:30px 16px 20px}.highlightFront{padding-top:38px}.highlightPlain{font-size:var(--fs-md)}.highlightTranslation{margin-top:4px;font-size:20px}}.highlightDeleteBtn{position:absolute;top:8px;right:10px;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:var(--fs-lg);line-height:1;color:var(--text);opacity:.3;cursor:pointer;padding:2px 4px;border-radius:6px;transition:opacity .1s}.highlightDeleteBtn:hover{opacity:.7}.highlightCard .highlightDeleteBtn{opacity:0}.highlightCard:hover .highlightDeleteBtn,.highlightDeleteBtn:focus-visible{opacity:.45}@media (hover:none){.highlightCard .highlightDeleteBtn{opacity:.4}}.highlightConfirmText{display:block;margin-bottom:10px;font-family:var(--font-hanzi);font-size:var(--fs-lg);color:var(--heading)}.highlightDeleteBtn:disabled{opacity:.2;cursor:default}.highlightSavePopup{position:absolute;z-index:200;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto}.highlightSaveBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:linear-gradient(60deg,var(--buttonBg) 0,var(--buttonBg2) 100%);color:#fff;font-size:var(--fs-md);font-weight:400;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:filter .1s,opacity .1s}.highlightSaveBtn:hover{filter:brightness(1.1)}.highlightSaveBtn:disabled{opacity:.7;cursor:default}.highlightPopupRow{display:flex;gap:8px}.highlightSaveErr{font-size:var(--fs-xs);color:#f87171;background:rgba(0,0,0,.6);padding:2px 8px;border-radius:var(--radius-sm)}.bwWordSavedHighlight{color:#a97aff;cursor:pointer}html[data-theme=light] .bwWordSavedHighlight{color:#8a5cff}.highlightPinyin{line-height:1.4;text-wrap:balance;font-size:var(--fs-md);color:var(--text);opacity:.5;letter-spacing:.02em}.sessionFormGrid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}@media (min-width:640px){.sessionFormGrid{grid-template-columns:1fr 1.2fr .8fr}}.sessionList{display:grid;grid-gap:8px;gap:8px;margin-top:6px}.sessionRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm)}.sessionRowDate{min-width:82px}.sessionRowDate,.sessionRowNote{font-size:var(--fs-xs);color:var(--muted)}.sessionRowNote{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessionRowDelete{margin-left:auto;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:var(--radius-sm);padding:2px 8px;cursor:pointer}.sessionRowDelete:hover:not(:disabled){color:var(--text);border-color:var(--border2)}.uiPageHeader{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:40px}.uiPageTitle{margin:0;font-size:40px;font-weight:400;line-height:1.05;letter-spacing:-.03em;color:var(--heading)}.uiPageDesc{margin:12px 0 0;font-size:15px;line-height:1.45;letter-spacing:-.005em;color:var(--muted)}.uiPageMeta{flex-wrap:wrap;gap:6px;margin-top:10px;font-size:var(--fs-sm);color:var(--muted)}.uiPageActions,.uiPageMeta{display:flex;align-items:center}.uiPageActions{gap:var(--space-2)}.uiStack{display:grid;grid-gap:14px;gap:14px}.uiCard{display:grid;grid-gap:20px;gap:20px;padding:20px var(--cardPadX);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--cardBg)}.uiCardHeader{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3)}.uiCardTitle{margin:0;font-size:var(--fs-lg);font-weight:400;line-height:1.25;letter-spacing:-.015em;color:var(--heading)}.uiCardTag{font-size:var(--fs-sm);color:var(--muted)}.uiSteps,.uiText{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--text)}ol.uiSteps{margin:0 0 0 20px}.uiSteps{display:grid;grid-gap:6px;gap:6px;padding-left:0;list-style-position:outside}.uiNote{padding:var(--space-3) var(--cardPadX);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);font-size:var(--fs-sm);line-height:1.5;color:var(--muted)}.uiNote strong{color:var(--text)}.uiNote p,.uiNote ul{margin:0}.uiNote p+p,.uiNote p+ul{margin-top:var(--space-2)}.uiNote ul{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding-left:1.2em}.uiCard code,.uiNote code{padding:1px 5px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--panel2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;overflow-wrap:anywhere}.uiLink{color:var(--accentInk)}.uiLink:hover{opacity:.8}.uiField{display:grid;grid-gap:14px;gap:14px}.uiFieldHint{margin-top:-2px}.uiFieldLabel{font-size:var(--fs-sm);font-weight:400;color:var(--text)}.uiFieldTag{margin-left:.25em;font-weight:400}.uiFieldHint,.uiFieldTag{font-size:var(--fs-xs);color:var(--muted)}.uiFieldHint{line-height:1.5}.uiInputRow{display:flex;align-items:center;gap:var(--space-2)}.uiInputRow>:first-child{flex:1 1;min-width:0}.uiForm{display:grid;grid-gap:26px;gap:26px}.tomatoBurst{position:fixed;inset:0;z-index:99;overflow:hidden;pointer-events:none}.tomatoBurst img{position:absolute;will-change:transform}.storyNewWordsField{padding:16px 18px;border:1px solid color-mix(in srgb,var(--tint) 45%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--tint) 8%,transparent)}html:not([data-theme=light]) .storyNewWordsField{border-color:#8e56ff;background:color-mix(in srgb,#8e56ff 32%,transparent)}.storyMoreOptions>summary{width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--text)}.storyDeckPlaceholder{color:transparent;animation:storyDeckPulse 1.4s ease-in-out infinite}@keyframes storyDeckPulse{50%{background:color-mix(in srgb,var(--text) 8%,transparent)}}.storyMoreOptionsWhat{color:var(--muted)}.storyMoreOptionsFields{display:grid;grid-gap:26px;gap:26px;margin-top:22px}.uiChoices{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.uiChoices:has(.uiChip){gap:var(--space-2)}.uiSwitch{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-sm);color:var(--text);cursor:pointer}.uiSwitch input{position:absolute;opacity:0;width:1px;height:1px}.uiSwitchTrack{position:relative;flex:none;width:38px;height:22px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--text) 18%,transparent);transition:background-color .18s ease}.uiSwitchTrack:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .18s ease}.uiSwitch input:checked+.uiSwitchTrack{background:var(--buttonBg)}.uiSwitch input:checked+.uiSwitchTrack:after{transform:translateX(16px)}.uiSwitch input:focus-visible+.uiSwitchTrack{box-shadow:0 0 0 3px var(--ring)}.uiChip{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;font:inherit;font-size:var(--fs-sm);font-weight:400;line-height:1.2;color:var(--muted);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.uiChip:hover:not(:disabled){color:var(--text)}.uiChip:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ringStrong)}.uiChip:disabled{opacity:.45;cursor:not-allowed}.uiPill{display:inline-block;padding:2px 10px;border:1px solid var(--border2);border-radius:var(--radius-full);background:var(--panel2);font-size:var(--fs-sm);line-height:1.5;color:var(--text)}.uiToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:14px}.uiToolbar>input{flex:1 1;min-width:220px}.uiEmpty{padding:var(--space-6) var(--space-5);border:1px dashed var(--border2);border-radius:var(--radius-md);text-align:center;font-size:var(--fs-sm);color:var(--muted)}.uiActions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.uiActions>.uiButton:not(.bookmarkletButton){flex:1 1}.uiCard[id]{scroll-margin-top:100px}.addModeLegend{margin:0;padding-left:0;display:grid;grid-gap:4px;gap:4px}.addModeLegend strong{color:var(--text)}.uiTranslationHint{margin:0;text-align:center;font-size:var(--fs-xs);color:var(--muted)}.uiButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-full);font:inherit;font-weight:400;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.uiButton-sm{padding:6px 12px;font-size:var(--fs-sm)}.uiButton-md{padding:10px 18px;font-size:var(--fs-md)}.uiButton-lg{padding:13px 24px;font-size:var(--fs-lg)}.uiButton-primary{background-color:var(--buttonBg);background-image:linear-gradient(to top right,var(--buttonBg) 0,var(--buttonBg) 30%,var(--buttonBg2) 100%);background-origin:border-box;color:var(--buttonText);transition:filter .16s ease}.uiButton-primary:hover:not(:disabled){filter:brightness(1.06)}.uiButton-primary:active:not(:disabled){filter:brightness(.95)}.uiButton-secondary{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}.uiButton-secondary:hover:not(:disabled){background:var(--tintSoft)}.uiButton-ghost{background:transparent;color:var(--muted)}.uiButton-ghost:hover:not(:disabled){background:var(--panel2);color:var(--heading)}.uiButton:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ringStrong)}.uiButton:disabled{opacity:.5;cursor:not-allowed}.uiPageFootnote{margin:var(--space-5) 0 0;font-size:var(--fs-sm);color:var(--muted)}.setupSupport{text-align:center}.setupSupport>span{display:inline-block}.uiDialogBackdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--bg0) 68%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.uiDialog{display:grid;grid-gap:var(--space-4);gap:var(--space-4);width:min(440px,100%);padding:24px;border:1px solid var(--border2);border-radius:var(--radius-md);background:var(--bg0);box-shadow:0 24px 60px var(--shadow)}@media (max-width:720px){.bwApp:has(.storyReadingCard){padding-left:12px;padding-right:12px}.uiCard.storyReadingCard{padding:18px 16px}}.storyHint{margin:14px 0 0;font-size:var(--fs-xs);line-height:1.5;color:var(--muted)}.storyHint+.storyHint{margin-top:6px}.habitsPreviewNote,.pageTopNote{margin-bottom:14px}.addCardPreview{margin-top:14px}.uiFigures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.uiFigures figure{margin:0;display:grid;grid-gap:6px;gap:6px}.uiFigures img{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.uiFigures figcaption{font-size:var(--fs-xs);color:var(--muted);text-align:center}@media (max-width:720px){.uiFigures{grid-template-columns:minmax(0,1fr)}}html:not([data-theme=light]) .onlyLightTheme,html[data-theme=light] .onlyDarkTheme{display:none}.guideHeroNameRow{display:inline-flex;align-items:center;gap:.12em;font-size:clamp(72px,12vw,124px);white-space:nowrap}@media (max-width:720px){.guideHeroNameRow{font-size:min(60px,18vw)}}.guideHeroNameRow .guideHeroName{display:inline;font-size:inherit}.guideHeroTomato{width:.72em;height:.72em;transform:rotate(12deg);transition:transform .3s ease}.guideHeroTomato:hover{animation:guideTomatoWiggle .6s ease!important}@keyframes guideTomatoWiggle{0%,to{transform:rotate(12deg)}25%{transform:rotate(-8deg) scale(1.06)}60%{transform:rotate(20deg)}}.guideDropLayer{overflow:hidden}.guideDropAnchor,.guideDropLayer{position:absolute;inset:0;z-index:40;pointer-events:none}.guideDrop{position:absolute;left:0;top:0;pointer-events:none;will-change:transform,opacity}.habitsEstimates{flex-wrap:wrap}.habitsEstimate{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--muted)}.uiInputRow>.habitsEstimate:first-child{flex:none}.habitsEstimate input{width:76px}.uiInfoTipButton{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;padding:0;vertical-align:middle;border:1px solid var(--border2);border-radius:var(--radius-full);background:transparent;font:inherit;font-size:11px;font-weight:400;line-height:1;color:var(--muted);cursor:pointer}.uiInfoTipButton:hover,.uiInfoTipButtonOpen{color:var(--text);border-color:var(--muted)}.uiInfoTipBubble{position:absolute;z-index:45;padding:10px 12px;border:1px solid var(--border2);border-radius:var(--radius-sm);background:var(--bg1);box-shadow:0 12px 32px var(--shadow);font-size:var(--fs-xs);line-height:1.5;color:var(--text);pointer-events:none}.uiInfoTipBubble ul{margin:4px 0 0;padding-left:1.1em}.guideFirstScreen{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px}@media (min-width:721px){.guideFirstScreen{min-height:calc(100svh / var(--page-zoom, 1) - 98px);grid-template-rows:1fr auto}.uiCard.guideHero{display:flex;flex-direction:column;justify-content:center;--heroVh:calc(1svh / var(--page-zoom, 1))}.guideHeroNameRow{font-size:clamp(130px,min(30vw,calc(var(--heroVh) * 95 - 585px)),340px)}.guideHeroTitle{margin-bottom:-6px}.guideHeroSub{font-size:36px}.guideHeroTagline{font-size:var(--fs-lg);max-width:720px}.guideHero .guideHeroLanguages{max-width:760px}.uiCard.guideHero{position:relative;padding-bottom:76px}.guideScrollHint{display:block;position:absolute;bottom:18px;left:50%;translate:-50% 0;padding:6px;color:var(--muted);transition:color .15s ease}.guideScrollHint:hover{color:var(--heading)}}@media (max-width:720px){.guideScrollHint{display:none}}#guide-sections{scroll-margin-top:78px}@media (prefers-reduced-motion:no-preference){.guideScrollHint svg{display:block;animation:guideScrollBob 2.4s ease-in-out infinite}}@keyframes guideScrollBob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.backToTop{position:fixed;right:20px;bottom:20px;z-index:45;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--cardBg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--heading);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.backToTopShown{opacity:1;pointer-events:auto}.backToTop:hover{border-color:var(--muted)}.bwTopNavLinks{gap:2px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--cardBg);align-items:center}.bwTopNavInner{padding-top:10px;padding-bottom:10px}.bwTopNavLinks .bwNavLink{padding:8px 14px;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:400;transition:color .16s ease,background-color .16s ease}.bwTopNavLinks{position:relative}.bwTopNavLinks .bwNavLink{position:relative;z-index:1}.bwNavHoverPill{position:absolute;z-index:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--text) 5%,transparent);opacity:0;transform:scale(.85);pointer-events:none;transition:left .42s cubic-bezier(.34,1.32,.5,1),width .42s cubic-bezier(.3,.9,.4,1),top .42s cubic-bezier(.34,1.32,.5,1),opacity .22s ease,transform .22s ease}.bwNavHoverPillShown{opacity:1;transform:scale(1)}.bwNavHoverPillJump{transition:none}@media (max-width:720px){.bwNavHoverPill{display:none}}.bwTopNavLinks .bwNavLink[aria-current=page]{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--heading)}@media (max-width:720px){.bwTopNav .bwTopNavLinks .bwNavLink{padding:7px 14px;border-radius:calc(var(--radius-md) - 4px);font-size:var(--fs-md)}}@media (min-width:721px){.bwTopNav{border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.bwTopNavInner>*{pointer-events:auto}.bwNavTheme .bwThemeToggle,.bwTopNavLinks{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bwNavTheme .bwThemeToggle{width:42px;height:42px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--cardBg)}.bwTopNavInner{padding-top:20px}.bwNavTheme{transform:translateY(calc(-50% + 5px))}}@media (max-width:720px){.bwTopNav{border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.bwTopNav .bwTopNavInner{padding:8px 12px 0}.bwTopNav .bwTopNavInner>*{pointer-events:auto}.bwTopNav .bwTopNavBar{gap:4px;justify-content:flex-start;padding:4px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--cardBg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html .bwTopNav .bwNavBrand{position:relative;display:grid;place-items:center;width:44px;height:36px;margin-right:9px;border-radius:var(--radius-full);filter:none}.bwTopNav .bwNavBrand img{display:block;width:22px;height:22px;transform:rotate(12deg)}.bwTopNav .bwNavBrand[aria-current=page]{background:color-mix(in srgb,var(--text) 8%,transparent)}.bwTopNav .bwNavBrand:after{content:"";position:absolute;top:50%;right:-7px;width:1px;height:18px;translate:0 -50%;background:var(--border2)}.bwTopNav .bwNavBrandAlone:after{display:none}.bwTopNav .bwNavBrandAlone{margin-right:0}.bwNavCurrent{padding:9px 14px;background:color-mix(in srgb,var(--text) 8%,transparent);font-size:var(--fs-sm);font-weight:400;line-height:1;white-space:nowrap}.bwNavCurrent,.bwTopNav .bwNavBurger{border-radius:var(--radius-full);color:var(--heading)}.bwTopNav .bwNavBurger{width:36px;height:36px;margin-left:auto;transform:none}.bwTopNav .bwNavBurger svg{display:block}.bwTopNav .bwNavTheme{top:31px;right:54px}.bwTopNav .bwNavTheme .bwThemeToggle{width:36px;height:36px;border-radius:var(--radius-full)}.bwTopNav .bwTopNavInner{position:relative}.bwTopNav .bwTopNavLinks{position:absolute;top:72px;left:18px;right:18px;display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:28px 6px;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 32px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .38s ease-in-out,transform .38s ease-in-out,visibility 0s linear .38s!important}.bwTopNav.bwTopNavOpen .bwTopNavLinks{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .5s cubic-bezier(.33,1,.68,1),transform .5s cubic-bezier(.33,1,.68,1),visibility 0s!important}.bwTopNav .bwTopNavBar{border-width:0;padding:5px}.bwTopNav .bwTopNavLinks .bwNavLink{text-align:center}}.uiToaster{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:95;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(440px,calc(100vw - 32px));translate:-50% 0;pointer-events:none}.uiToast{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 18px;border:none;border-radius:22px;background:var(--cardBg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--heading);font:inherit;font-size:var(--fs-sm);font-weight:400;line-height:1.4;text-align:center;cursor:pointer;pointer-events:auto;animation:uiToastIn .26s cubic-bezier(.3,.9,.4,1);transition:opacity .2s ease}html .uiToastErr{background:#e5342a;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff}.uiToastLeaving{opacity:0}@keyframes uiToastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}}@media (max-width:720px){.bwApp.guide{padding-top:18px}.uiCard.guideHero{padding-top:26px;padding-bottom:32px}.guideHeroTitle{margin-bottom:18px}.guideHeroSub{font-size:var(--fs-xl)}.guideHeroTagline{line-height:1.35;margin-bottom:18px!important}.guideHeroTagline:has(+.guideHeroLanguages){margin-bottom:12px!important}.guideHeroLanguages{margin-bottom:26px!important}.guideHeroActions{flex-wrap:nowrap;gap:10px}.guideHeroActions .uiButton{flex:1 1;min-width:0;padding:12px 8px;font-size:var(--fs-md);white-space:nowrap}.guideHeroSample{margin-top:20px!important}.guideHeroFootnote{margin-top:14px!important}}@media (max-width:359px){.guideHeroSub{font-size:var(--fs-xl)}}.backToTop,.bwNavTheme .bwThemeToggle,.bwStatus,.bwTopNav .bwTopNavBar,.bwTopNavLinks,.guide blockquote,.guide-grid li,.guideFaq,.guideIntro>ul>li,.guideStep,.habitsBarSvg,.habitsHeatmapWrap,.storyCardLink,.uiCard,.uiDialog,.uiInfoTipBubble,.uiNote{border-color:transparent!important;box-shadow:var(--glassEdge)}@media (max-width:720px){.bwTopNav .bwNavTheme .bwThemeToggle{box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}.habitsHeatmapColLabel,.habitsHourLabels,.habitsStatValue,.sessionRowDate,.studyTimeTotalValue,.uiNum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.habitsStatValue{letter-spacing:-.02em}.habitsStatLabel{display:flex;align-items:center;gap:6px}.habitsStatLabel,.habitsStatsLine{font-size:var(--fs-sm);color:var(--muted)}.habitsStatsLine{margin:0}.habitsStatsLine .uiNum{color:var(--text)}.uiCard .uiNote{padding:var(--space-3) var(--space-4)}@media (max-width:720px){.uiPageTitle{font-size:32px}}.uiPageTitle{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.uiPageDesc{margin-top:0}.uiPageHeader{margin-bottom:28px}main.bwApp:not(.guide,.storyDetailMain,.storyGenMain,.bwPt70){width:calc(100% - 36px);margin:28px auto 48px;padding:28px 28px 32px;border:1px solid transparent;border-radius:24px;background:var(--cardBg);box-shadow:var(--glassEdge)}main.bwApp.bwAppWide.highlightsMain{padding-inline:0;border-color:transparent;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}main.bwApp:not(.guide,.storyDetailMain,.storyGenMain,.bwPt70,.highlightsMain) :is(.uiCard,.uiNote,.bwStatus,.storyCardLink,.habitsBarSvg,.habitsHeatmapWrap){background:var(--innerBg);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--innerEdge)}.guide .guideFlipCard>.uiCard,.guide>.uiCard,.guideColumn>.uiCard{border-radius:24px}@media (max-width:720px){.guide .guideFlipCard>.uiCard,.guide>.uiCard,.guideColumn>.uiCard{border-radius:20px}main.bwApp:not(.guide,.storyDetailMain,.storyGenMain,.bwPt70){width:calc(100% - 36px);margin:18px auto 32px;padding:20px 16px 24px;border-radius:20px}}.uiPageHeader{position:relative;display:grid;justify-content:center;justify-items:center;padding-inline:48px;text-align:center}.uiPageDesc{font-size:var(--fs-sm);line-height:1.4}.uiPageMeta{justify-content:center;margin-top:6px}main.bwApp.isDemo{max-height:calc(90svh / var(--page-zoom, 1) - 100px)}@media (max-width:720px){main.bwApp.isDemo{max-height:950px}}main.bwApp.isDemo.isCut{overflow:clip;border-radius:0;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 220px),transparent calc(100% - 30px));mask-image:linear-gradient(180deg,#000 calc(100% - 220px),transparent calc(100% - 30px))}.uiDemoEnd{position:relative;z-index:2;display:grid;justify-items:center;grid-gap:12px;gap:12px;margin-top:32px;padding:0 16px 48px;text-align:center}main.isCut+.uiDemoEnd{margin-top:-150px;min-height:182px;align-content:end;padding-bottom:8px}main.isCut+.uiDemoEnd:before{content:"";position:absolute;inset:-70px 0 0;z-index:-1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 60%);mask-image:linear-gradient(180deg,transparent,#000 60%)}.uiDemoEndTitle{margin:0 0 2px;font-size:var(--fs-lg);color:var(--heading)}@media (max-width:720px){.uiDemoEndTitle{font-size:var(--fs-md);white-space:nowrap}}.uiDemoEndNote{margin:-4px 0 0}.uiPageNotice{margin:0 0 6px;font-size:var(--fs-sm);line-height:1.4}.uiPageActions{position:absolute;top:50%;right:0;translate:0 -50%}main.bwApp:has(.uiPageHeader.hasHeading){padding-inline:0;padding-top:0;padding-bottom:0;margin-bottom:0;border-color:transparent;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}main.bwApp:is(.storyDetailMain,.storyGenMain){padding-bottom:0}main.bwApp.bwFormPage{margin-bottom:0}main.bwApp:has(.uiPageHeader.hasHeading)>:is(.uiCard,.uiNote,.bwStatus),main.bwApp:has(.uiPageHeader.hasHeading)>:is(.uiCard,.uiStack)>:is(.uiCard,.uiNote,.bwStatus){background:var(--cardBg);box-shadow:var(--glassEdge)}.uiPageHeader.hasHeading{display:block;padding:24px 56px 31px;margin-bottom:16px}@media (min-width:721px){main.bwApp:has(.uiPageHeader.hasHeading){margin-top:7px}}.uiPageHeader.hasHeading .uiPageActions{top:20px;right:20px;translate:none}.uiPageHeading{display:grid;justify-items:center;margin:0 0 14px;font-weight:400}.uiPageHanzi{font-family:var(--font-display),var(--font-hanzi);font-size:clamp(34px,5.6vw,96px);line-height:1;letter-spacing:.04em;margin-right:-.04em}.uiPageName{display:flex;align-items:center;margin-top:8px;font-size:17px;line-height:1.3;color:var(--text)}.uiDot{flex:none;width:4px;height:4px;margin:0 9px;border-radius:50%;background:currentColor;opacity:.55}.uiChip .uiDot{width:3px;height:3px;margin:0 7px}.uiPagePinyin{color:var(--muted)}.uiCardBar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}.uiCardBar>:first-child{margin:0}.uiCardBar>.uiToolbar{flex:0 1 400px;flex-wrap:nowrap;margin:0}.uiCardBar>.uiToolbar>input{min-width:0}@media (max-width:720px){.uiCardBar{flex-direction:column;align-items:stretch}.uiCardBar>:first-child{justify-content:center}.uiCardBar>:first-child:empty{display:none}.uiCardBar>.uiToolbar{flex-basis:auto}}.uiRefresh{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--muted);cursor:pointer;transition:color .16s ease,border-color .16s ease}.uiRefresh:hover:not(:disabled){color:var(--heading);border-color:var(--border2)}.uiRefresh:disabled{cursor:default}.uiRefreshLoading svg{animation:uiRefreshSpin .9s linear infinite}@keyframes uiRefreshSpin{to{transform:rotate(1turn)}}@media (min-width:721px){.bwApp{padding-top:8px}main.bwApp:not(.guide,.storyDetailMain,.storyGenMain,.bwPt70){margin-top:8px}}.habitsStats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.habitsStatsGroup{display:contents}.habitsStat{display:inline-flex;align-items:baseline;gap:7px;padding:9px 16px;border-radius:var(--radius-full);background:var(--innerBg);box-shadow:var(--innerEdge)}.habitsStatValue{font-size:22px;line-height:1}.habitsStatLabel{margin-top:0;align-self:center}.habitsStatsLine{text-align:center}@media (max-width:720px){.habitsStatValue{font-size:20px}}.habitsStats{gap:6px}.habitsStat{gap:6px;padding:8px 12px}.habitsStatValue{font-size:20px}.habitsStatLabel{font-size:13px}.habitsStatsLine{display:flex;flex-wrap:wrap;justify-content:center;column-gap:32px;row-gap:2px;font-size:13px}.studyTimeHead{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.studyTimeTotal{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.studyTimeTotalValue{font-size:34px;line-height:1.05;letter-spacing:-.02em;color:var(--heading)}.studyTimeTotalLabel{font-size:var(--fs-sm);color:var(--muted)}.studyTimeTrend{display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-height:20px;margin-top:4px;font-size:13px;color:var(--muted)}.studyTimeTrendDown,.studyTimeTrendUp{display:inline-flex;align-items:center;gap:4px}.studyTimeTrendUp{color:var(--text)}.studyTimeKey{display:inline-flex;align-items:center;gap:5px}.studyTimeKeyDot{width:8px;height:8px;margin-left:4px;border-radius:50%;background:var(--chartInk)}.studyTimeKeyDotOffline{opacity:.4}.studyTimeBarOffline{fill:var(--cardBg);fill-opacity:.55}.studyTimeTickActive,html[data-theme=light] .studyTimeTickActive{fill:var(--text)}.studyTimeAvg line{stroke:currentColor;stroke-opacity:.45;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.studyTimeAvg text{font-size:11px;fill:currentColor;fill-opacity:.7}.studyTimeBubble rect{fill:currentColor}.studyTimeBubble text{font-size:12px;fill:#000}html[data-theme=light] .studyTimeBubble text{fill:#fff}.studyTimeDetails{font-size:13px;color:var(--muted);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.uiSegmented{display:inline-flex;padding:3px;border-radius:var(--radius-full);background:var(--innerBg);box-shadow:var(--innerEdge)}.uiSegmented button{padding:6px 12px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:background-color .16s ease,color .16s ease}.uiSegmented button[aria-pressed=true]{background:color-mix(in srgb,var(--text) 12%,transparent);color:var(--heading)}.bwNavLink,.bwTopNav .bwNavCurrent,.bwTopNav .bwTopNavLinks .bwNavLink,.bwTopNavLinks .bwNavLink,.guideSectionTitle,.guideTocLink,.uiCardTitle,.uiChip,.uiFieldLabel,.uiPill,.uiSegmented button{font-weight:var(--fw-medium)}@media (max-width:720px){.highlightSavePopup{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;translate:none}.uiPageHeader{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 5px;padding-inline:0}.uiPageHeader>div:first-child{display:contents}.uiPageDesc{flex-basis:100%}.uiPageHeader .uiPageMeta{display:contents}}@media (max-width:720px){.uiPageHeader:has(>.uiPageActions){position:relative;padding-inline:34px}.uiPageActions{position:absolute;top:0;right:0;translate:none}.uiPageActions .uiRefresh{width:28px;height:28px}.uiPageHeader .uiPill{padding-inline:8px;font-size:13px}.uiPageHeading{flex-basis:100%;margin-bottom:10px}.uiPageHanzi{font-size:64px}.uiPageHeader.hasHeading{display:flex;padding:22px 40px 27px}.uiPageHeader.hasHeading .uiPageActions{top:14px;right:14px}}.guideFlow,b,h1,h2,h3,h4,strong,th{font-weight:400}.guideFlow{margin-left:6px;font-size:var(--fs-sm);color:var(--muted);letter-spacing:0;white-space:nowrap}.habitsLine{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;padding:4px 16px 0;font-family:var(--font-heading),var(--font-sans);font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:1.4;letter-spacing:-.015em;color:var(--heading);text-align:center;text-wrap:balance}.habitsLine.isLoading{display:grid;justify-items:center;animation:loadingFade 1.4s ease-in-out infinite}.habitsLine.isLoading .otherStoriesSkeleton{width:min(85%,420px)}.habitsLine.isLoading .otherStoriesSkeleton+.otherStoriesSkeleton{width:min(55%,280px)}@keyframes loadingFade{0%,to{opacity:1}50%{opacity:.4}}.habitsLineWord{font-family:var(--font-hanzi);color:var(--accentInk)}@media (min-width:721px){.habitsStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.habitsStat{position:relative;justify-content:center;align-items:center;min-height:80px;padding:28px 20px 8px;border-radius:var(--radius-full)}.habitsStat .habitsStatValue{font-size:34px;line-height:1}.habitsStat .habitsStatLabel{position:absolute;top:12px;left:0;right:0;justify-content:center;font-size:13px}}@media (max-width:720px){.habitsStats{flex-direction:column}.habitsStat{justify-content:space-between;align-items:center;padding:9px 16px}.habitsStatLabel{order:-1;font-size:14px}.habitsStatLabelText{display:inline-block}.habitsStatLabelText:first-letter{text-transform:uppercase}.habitsStatValue{font-size:18px}}.guideHeroName,html[data-theme=light] .guideHeroName{font-family:var(--font-display),var(--font-hanzi);font-weight:400;background:var(--logoGradient);-webkit-background-clip:text;background-clip:text;color:transparent}.guide li a:not(.uiButton),.guide p a:not(.uiButton),.guideHeroSample a,.guideSectionTitle,.habitsStatValue,.studyTimeTotalValue,.uiNum{color:var(--accentInk)}.guide a:not(.uiButton):hover,.uiLink:hover{opacity:.75}.guideHeroNameRow{gap:.14em}.guideHeroNameRow .guideHeroName{letter-spacing:-.08em}.guideHeroNameRow .guideHeroTomato{display:none}@media (max-width:720px){.guideHeroTitle{container-type:inline-size}.guideHeroNameRow{font-size:calc(100cqi / 2.8 * 1.08)}.guideHeroNameRow .guideHeroName{display:inline-block;translate:-.11em 0}}.guideHeroName,.highlightText,.uiPageHanzi,:is(.storyFavBtnOn,.storyFavChip[aria-pressed=true]) .storyFavStar,html[data-theme=light] .guideHeroName{background-image:linear-gradient(60deg,#7432ff,#a97aff 50%,#7432ff);background-size:200% 100%;animation:themeGradientDrift 8s steps(96) infinite alternate}.highlightText,.uiPageHanzi{-webkit-background-clip:text;background-clip:text;color:transparent}.highlightSaveBtn,.uiButton-primary{background-image:linear-gradient(60deg,var(--buttonBg) 0,var(--buttonBg2) 50%,var(--buttonBg) 100%);background-size:200% 100%;animation:themeGradientDrift 8s steps(96) infinite alternate}@keyframes themeGradientDrift{0%{background-position:0 50%}to{background-position:100% 50%}}.guideHeroName,.highlightSaveBtn,.highlightText,.uiButton-primary,.uiPageHanzi,:is(.storyFavBtnOn,.storyFavChip[aria-pressed=true]) .storyFavStar,html[data-theme=light] .guideHeroName{animation:themeGradientDrift 8s steps(96) infinite alternate!important}.addModeLegend,.guideFlow,.guideFooter p,.guideHero .guideHeroLanguages,.guideHeroFootnote,.habitsEstimate,.habitsHeatmapColLabel,.habitsHeatmapRowLabel,.habitsHourLabels,.habitsSmallLabel,.habitsStatLabel,.habitsStatsLine,.highlightDate,.sessionRowDate,.sessionRowNote,.setupDotLegend,.siteFooter,.storyAudioMsg,.storyHint,.storyMeta,.storyMoreOptionsWhat,.storyStatusBlock,.studyTimeDetails,.studyTimeTotalLabel,.studyTimeTrend,.uiCardTag,.uiDemoEndNote,.uiEmpty,.uiFieldHint,.uiFieldTag,.uiFigures figcaption,.uiInfoTipBubble,.uiNote,.uiPageDesc,.uiPageFootnote,.uiPageMeta,.uiPageNotice,.uiTranslationHint{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xs);letter-spacing:-.02em;color:var(--fineInk)}.uiNote{line-height:1.6}.uiNote strong{font-weight:400}input::placeholder,textarea::placeholder{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}.studyTimeTick{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.studyTimeAvg text,.studyTimeBubble text{font-family:var(--font-sans)}.guideHeroTagline{max-width:25.5em;text-wrap:balance}@media (max-width:720px){.guideHeroTagline{max-width:none;font-size:var(--fs-md)}}@media (min-width:870px) and (max-width:980px){.bwTopNav .bwTopNavInner{padding-left:30px;padding-right:62px}.bwTopNav .bwNavTheme{right:8px}}@media (min-width:721px) and (max-width:869px){.bwTopNav .bwTopNavInner{padding-left:60px;padding-right:60px}.bwTopNav .bwTopNavLinks .bwNavLink{padding:4px 7px;font-size:13px}.bwTopNav .bwNavStatus{margin-left:4px;padding:0 6px}}@media (min-width:721px){main.guide{gap:28px}.guideCard{padding:44px 48px}.guideCard li,.guideCard p,.guideCard td,.guideContact p{font-size:15px}.guideCard ol,.guideCard p,.guideCard ul{margin-bottom:16px}.guide .guideSectionTitle{margin-bottom:28px}.guide-grid ul,.guideFaqs,.guideIntro>ul,.guideSteps{gap:16px;margin:24px 0}.guide-grid li,.guideFaq,.guideIntro>ul>li,.guideStep{padding:22px 24px;border-radius:20px}}.guideCard li,.guideCard p,.guideCard td,.guideCard th,.guideContact p,.guideFooter{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:720px){.guideCard li,.guideCard p,.guideCard td,.guideContact p{font-size:14px}}.guide .guideSectionTitle{color:var(--heading)}.guide .guideSectionTitle,.guide h3,.guide-grid li>strong:first-child,.guideFaqQ strong,.guideHeroSub,.guideIntro>ul>li>strong:first-child,.uiCardTitle{font-family:var(--font-heading),var(--font-sans)}.guide .guideSectionTitle{font-size:22px}@media (min-width:721px){.guide .guideSectionTitle{font-size:26px}}.guide h3,.guide-grid li>strong:first-child,.guideFaqQ strong,.guideIntro>ul>li>strong:first-child{font-size:var(--fs-lg);line-height:1.25;letter-spacing:-.015em}@media (min-width:721px){.guideHero .guideHeroSample{margin-top:0!important}}.guideHero .guideHeroSample{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.bwInput,.bwSelect,.bwStatus,.bwTextarea{box-shadow:none}.backToTop,.bwTopNav .bwTopNavBar,.bwTopNavLinks,.uiDialog,.uiInfoTipBubble{box-shadow:var(--glassEdge)!important}.highlightSaveBtn{box-shadow:0 6px 20px rgba(0,0,0,.35)!important}.uiSwitchTrack:after{box-shadow:none}.guide blockquote,.guide-grid li,.guideFaq,.guideIntro>ul>li,.guideStep{backdrop-filter:none;-webkit-backdrop-filter:none}.uiChip[aria-pressed=true]{border-color:transparent;background:var(--buttonBg) padding-box;color:#fff}.uiChip:hover:not(:disabled){background:color-mix(in srgb,var(--text) 8%,transparent)}.uiChip[aria-pressed=true]:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--buttonBg) 85%,#000) padding-box;color:#fff}.uiChip.storyFavChip{width:31px;height:31px;padding:0;display:grid;place-items:center;border-radius:50%}@media (max-width:720px){.storyCornerToggles>.uiChip.storyFavChip{width:26px;height:26px;padding:0}}.uiChip.storyFavChip[aria-pressed=true],.uiChip.storyFavChip[aria-pressed=true]:hover:not(:disabled){border-color:color-mix(in srgb,#a97aff 60%,transparent);background:color-mix(in srgb,#7432ff 16%,transparent)}.uiButton-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--text) 14%,transparent)}.guideIntro>p{font-family:var(--font-heading),var(--font-sans);font-size:var(--fs-lg);line-height:1.35;letter-spacing:-.015em;text-align:center;text-wrap:pretty}@media (min-width:721px){.guideIntro>p{font-size:36px}}.guideSections{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px}.guideColumn{display:contents}@media (min-width:721px){.guideSections{gap:28px}}.guideFaq{padding:16px 20px!important}.guideFaq>.guideFaqQ strong{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.45;letter-spacing:0}@media (min-width:721px){.guideFaqs{display:block;column-count:2;column-gap:16px}.guideFaqs>.guideFaq{page-break-inside:avoid;break-inside:avoid;margin-bottom:16px}}ul{list-style:none;padding-left:0}:where(ul>li+li){margin-top:6px}ul:not(.guideIntro>ul,.guide-grid ul,.guide-checks ul,.setupDotLegend,.otherStoriesList,.storyWordsUsedList,.wordCardExamples)>li{position:relative;padding-left:20px}ul:not(.guideIntro>ul,.guide-grid ul,.guide-checks ul,.setupDotLegend,.otherStoriesList,.storyWordsUsedList,.wordCardExamples)>li:before{content:"";position:absolute;left:0;top:calc(.75em - 5px);width:10px;height:10px;border-radius:50%;background:var(--buttonBg)}.guideFaq>.guideFaqQ{margin:0 -20px 12px!important;padding:0 20px 12px;border-bottom:1px solid var(--line)}.guideSection>div:empty{display:none}.guideSection>div:empty+:is(.guideSteps,.guideFaqs){margin-top:0!important}.storyDetailLayout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:28px;gap:28px}.otherStoriesList{margin:0}@media (max-width:1100px){.otherStories{order:-1}.otherStories:not(:has(>.storyWordsUsed)),.otherStories>:not(.storyWordsUsed){display:none}}.otherStoriesList{display:grid;padding:0;list-style:none;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.otherStoriesList>li{margin:0}.otherStoriesList>li+li{border-top:1px solid var(--line)}.otherStories,.otherStories .uiCard,.otherStoriesList,.otherStoriesList>li{min-width:0}.otherStories{display:grid;grid-gap:16px;gap:16px;align-content:start}.storyWordsUsedList{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.storyWordsUsedList>li.storyWordsUsedWord{margin:0;background:none;font-family:var(--font-hanzi);font-size:var(--fs-md);font-weight:230}html[data-theme=light] .storyWordsUsedList>li.storyWordsUsedWord{font-weight:300}:is(.storyWordsUsed,.storyDifficulty) [data-level="1"]{--level:#3fb950}:is(.storyWordsUsed,.storyDifficulty) [data-level="2"]{--level:#2ea8c7}:is(.storyWordsUsed,.storyDifficulty) [data-level="3"]{--level:#d4a72c}:is(.storyWordsUsed,.storyDifficulty) [data-level="4"]{--level:#f08a3c}:is(.storyWordsUsed,.storyDifficulty) [data-level="5"]{--level:#e5534b}:is(.storyWordsUsed,.storyDifficulty) [data-level="6"]{--level:#c95bd6}:is(.storyWordsUsed,.storyDifficulty) :is([data-level="7"],[data-level="8"],[data-level="9"]){--level:#8a5cff}.storyDifficulty{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:var(--fs-sm);color:var(--muted)}.storyDifficulty>span{--level:color-mix(in srgb,var(--text) 25%,transparent);display:inline-flex;align-items:center;gap:7px;padding:2px 10px;border:1px solid color-mix(in srgb,var(--level) 70%,transparent);border-radius:var(--radius-full);line-height:1.5}.storyDifficulty>span:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--level)}.storyDifficulty.isLoading>span{color:transparent}.storyDifficulty.isLoading>span:before{animation:loadingDot 1.4s ease-in-out infinite}.storyWordsUsedList>li.storyWordsUsedWord{display:inline-flex;align-items:center;gap:6px}.storyWordsUsedWord{--level:color-mix(in srgb,var(--text) 30%,transparent)}.storyWordsUsedList>li.storyWordsUsedWord[data-level]{border-color:color-mix(in srgb,var(--level) 70%,transparent)}.storyWordsUsedLegend .isNew,.storyWordsUsedWord.isNew{--level:var(--tint)}.storyWordsUsedList>li.storyWordsUsedWord.isNew{border-color:color-mix(in srgb,var(--tint) 70%,transparent);border-style:dashed}.storyWordsUsedLegend span:before,.storyWordsUsedWord:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--level)}@keyframes loadingEdge{0%,to{border-color:color-mix(in srgb,var(--text) 45%,transparent)}50%{border-color:color-mix(in srgb,var(--text) 10%,transparent)}}@keyframes loadingRing{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 45%,transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 10%,transparent)}}@keyframes loadingDot{0%,to{background:color-mix(in srgb,var(--text) 60%,transparent)}50%{background:color-mix(in srgb,var(--text) 15%,transparent)}}.storyWordsUsedList>li.storyWordsUsedWord.isLoading{display:inline-flex;align-items:center;gap:6px;animation:loadingEdge 1.4s ease-in-out infinite}.storyWordsUsedWord.isLoading:before{content:"";width:7px;height:7px;border-radius:50%;animation:loadingDot 1.4s ease-in-out infinite}.otherStoriesList:has(.isLoading){animation:loadingRing 1.4s ease-in-out infinite}.storyCardLink.otherStoriesLink.isLoading{pointer-events:none}.storyWordsUsedWord.isLoading,.storyWordsUsedWord.isLoading:before{animation-delay:calc(var(--i, 0) * .12s);animation-fill-mode:both}.otherStoriesSkeleton{display:block;width:45%;color:transparent;background:linear-gradient(transparent 28%,color-mix(in srgb,var(--text) 7%,transparent) 28% 72%,transparent 72%);border-radius:6px}.otherStoriesSkeletonLines .otherStoriesSkeleton{width:85%}.storyWordsUsedLegend{display:flex;flex-wrap:wrap;gap:12px;margin:0;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xs);line-height:1.5;min-height:1.5em;color:var(--fineInk)}.storyWordsUsedLegend span{display:inline-flex;align-items:center;gap:5px}.storyCardLink.otherStoriesLink{gap:6px;padding:14px 16px;border-radius:0;box-shadow:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--text)}.storyCardLink.otherStoriesLink:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}button.otherStoriesLink{font:inherit;text-align:left;cursor:pointer}.otherStoriesLink .storyTitleHanzi{font-size:var(--fs-lg);background:none;color:var(--heading);animation:none!important}.otherStoriesPreview{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.otherStoriesEmpty{margin:0;color:var(--fineInk)}.otherStoriesAll,.otherStoriesEmpty{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm)}.otherStoriesAll{display:inline-block;margin-top:8px}.modalShell{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--bg0) 40%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}html.modalOpen{overflow:hidden}.modalPanel{position:relative;width:min(680px,100%);max-height:calc(100svh / var(--page-zoom, 1) - 48px);overflow-y:auto;border-radius:24px;background:color-mix(in srgb,var(--bg0) 88%,transparent);box-shadow:inset 0 0 0 1px var(--line);outline:none;animation:modalUp .18s cubic-bezier(.2,.8,.2,1)}html:not([data-theme=light]) .modalPanel{background:rgba(14,14,17,.9)}.modalPanel main.bwApp.bwApp{width:auto;max-width:none;margin:0 auto;padding:28px 24px 24px;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.modalClose{position:absolute;top:19px;right:18px;z-index:3;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--bg0);color:var(--text);font:inherit;font-size:20px;line-height:1;cursor:pointer}.modalClose:hover{background:var(--statusBg)}@keyframes modalUp{0%{transform:translateY(100vh)}}@media (prefers-reduced-motion:reduce){.modalPanel{animation:none}}@media (max-width:1100px){.modalShell{padding:0}.modalPanel main.bwApp.bwApp{padding-top:76px}.modalPanel{width:100%;height:calc(100svh / var(--page-zoom, 1));max-height:none;border-radius:0;box-shadow:none;background:color-mix(in srgb,var(--bg0) 68%,transparent)}html:not([data-theme=light]) .modalPanel{background:rgba(14,14,17,.68)}}@media (min-width:1101px){.modalShell{place-items:end end;padding:78px 32px 20px 0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.modalPanel,html:not([data-theme=light]) .modalPanel{max-height:100%;background:var(--bg0);box-shadow:inset 0 0 0 1px var(--line),0 24px 64px rgba(0,0,0,.45)}html[data-theme=light] .modalPanel{box-shadow:inset 0 0 0 1px var(--line),0 24px 64px rgba(0,0,0,.14)}.modalClose{display:none}.modalPanel{scrollbar-width:none}.modalPanel::-webkit-scrollbar{display:none}}@media (min-width:1101px) and (prefers-reduced-motion:no-preference){.modalPanel{transform-origin:bottom right;animation:modalToastIn .34s cubic-bezier(.2,.9,.3,1.15)}}@keyframes modalToastIn{0%{opacity:0;transform:translateY(32px) scale(.97)}}.modalShell.isClosing .modalPanel{animation:modalOutDown .22s cubic-bezier(.4,0,1,1) forwards}@media (min-width:1101px){.modalShell.isClosing .modalPanel{animation-name:modalToastOut}}@keyframes modalOutDown{to{transform:translateY(100vh)}}@keyframes modalToastOut{to{opacity:0;transform:translateY(24px) scale(.98)}}@media (min-width:721px){main.bwApp.guide{width:calc(100% - 36px);padding-inline:0}}html.storyDraftLoading .bwAppLayer main{visibility:hidden}@media (min-width:721px){.uiForm:has(>.uiField #storyLength) .uiChoices{gap:6px}.uiForm:has(>.uiField #storyLength) .uiChip{padding-inline:9px}}.wordsLevels{margin-bottom:18px}.storyLengthWords,.wordsLevelCount{opacity:.7;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.uiChip.isLocked{color:var(--muted)}.uiLockIcon,.wordsLevelLock{display:inline-block;width:11px;height:11px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center /contain no-repeat}.wordsLevelLock{margin-right:5px}.storyFavBtn .uiLockIcon{width:15px;height:15px}@media (min-width:721px){.wordsGrid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:14px 8px}.wordsItem{font-size:26px}.wordsItem.wordsItemLong{font-size:18px}}@media (max-width:720px){.wordsGrid .wordsItem.wordsItemLong{font-size:17px}.guideTitleMore{display:none}}.uiCard.guideIntro{padding:24px 20px!important}.guideHero .guideHeroChromeBottom{display:none;text-wrap:balance}@media (max-width:720px){.guideHeroChromeTop{display:none}.guideHero .guideHeroChromeBottom{display:block;margin:20px auto 0!important}}.mobileNotice .bwStatus{padding:16px 18px;border:0!important;border-radius:20px;background:linear-gradient(60deg,var(--buttonBg) 0,var(--buttonBg2) 100%);box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff}html:not([data-theme=light]) .mobileNotice .bwStatus{filter:none}@media (min-width:721px){br.onlyPhone{display:none}}.guide-grid li,.guideIntro>ul>li,.guideSection,.guideStep,.uiCard:has(>.uiCardHeader){position:relative;isolation:isolate;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-color:transparent!important;padding-top:calc(var(--tabH, 40px) + 6px)!important;padding-left:20px!important;padding-right:20px!important;padding-bottom:16px!important}.guideFaq,.uiCard:not(.guideHero,.guideIntro,.uiPageHeader){padding-bottom:16px!important}.guide-checks li:last-child,:is(.uiCard,.guideSection,.guideStep,.guideFaq,.guideIntro>ul>li,.guide-grid li)>:is(:last-child,:has(+.tabShape)),:is(.uiCard,.guideSection,.guideStep,.guideFaq,.guideIntro>ul>li,.guide-grid li)>:is(:last-child,:has(+.tabShape))>:last-child{margin-bottom:0!important}.guide-grid ul,.guideIntro>ul{align-items:start}.guide-grid li>strong:first-child,.guideIntro>ul>li>strong:first-child,.guideSection>.guideSectionTitle,.guideStep>h3,.uiCard>.uiCardHeader{position:absolute;top:0;left:0;max-width:calc(100% - 48px);box-sizing:border-box;margin:0!important;padding:10px 20px 4px}.tabShape{position:absolute;inset:0;z-index:-1;pointer-events:none}.tabShape svg{display:block}.tabShape path{fill:none;stroke:var(--line);stroke-width:2}.guideColumn>.guideSection>.tabShape{background:var(--cardBg)}@media (min-width:1101px){main.bwApp{max-width:calc(100vw / var(--page-zoom, 1) - 64px)}.bwNavTheme,.modalClose{right:calc(32px - 21px)}.backToTop{right:calc(32px - 22px)}main.bwApp.bwFormPage .uiPageHeader{margin-bottom:14px;padding-inline:0}main.bwApp.bwFormPage .uiPageDesc{white-space:nowrap}main.bwApp.bwFormPage{max-width:640px;padding:0;border-color:transparent;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.storyDetailLayout:has(>.otherStories){grid-template-columns:minmax(0,3fr) minmax(260px,1fr);align-items:start}.storyDetailLayout:has(>.otherStories){gap:16px}.storyDetailLayout>.otherStories{position:-webkit-sticky;position:sticky;top:78px;max-height:calc(100svh / var(--page-zoom, 1) - 98px);overflow-y:auto;scrollbar-width:none}.storyDetailLayout>.otherStories::-webkit-scrollbar{display:none}main.bwApp:is(.storyDetailMain,.storyGenMain){padding-inline:0}.storyDetailLayout:has(>.otherStories) .storyBackLink{display:none}.storyDetailLayout:has(>.otherStories) .storyCornerToggles{float:right;margin:0 0 12px 24px;position:relative;z-index:2}.storyDetailLayout:has(>.otherStories) .storyTextTitle{margin-top:-20px}.storyDetailLayout:has(>.otherStories) .storyTranslationOverlay{top:15px}.guideSections{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.guideColumn{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:28px;gap:28px}.guideIntro>ul{grid-template-columns:repeat(4,minmax(0,1fr))}.uiStack:has(>.uiCard .habitsStats){grid-template-columns:minmax(560px,1fr) minmax(0,1.3fr);gap:24px}.uiStack:has(>.uiCard .habitsStats)>*{grid-column:1/-1}.uiStack:has(>.uiCard .habitsStats)>.uiCard:has(.habitsStats){grid-column:1;grid-template-rows:auto 1fr auto 1fr auto;row-gap:10px}.uiStack:has(>.uiCard .habitsStats) .habitsLine{grid-row:1}.uiStack:has(>.uiCard .habitsStats) .habitsStats{grid-row:3}.uiStack:has(>.uiCard .habitsStats) .habitsStatsLine{grid-row:5}.uiStack:has(>.uiCard .habitsStats)>.uiCard:has(.studyTimeChart){grid-column:2}.uiStack:has(>#starter-deck){display:block;column-count:2;column-gap:24px}.uiStack:has(>#starter-deck)>*{page-break-inside:avoid;break-inside:avoid;margin-bottom:24px}.storiesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.guideFlipCard{display:grid}.pageTransition{overflow-x:clip}.guideFlip .guideFlipCard .guideFlipBack{display:none}.guideFlip.isOn:after{content:"";display:block;height:calc(110svh / var(--page-zoom, 1))}.guideFlip.isOn .guideFirstScreen{position:-webkit-sticky;position:sticky;top:78px;perspective:2000px}.guideFlipCard{position:relative}.guideFlip.isOn .guideFlipCard{transform-style:preserve-3d;transform:translateZ(calc(var(--lift, 0) * -1px)) rotate3d(var(--axisX,1),var(--axisY,0),0,calc(var(--flip, 0) * 180deg))}.guideFlip.isOn .guideFlipCard>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.guideFlip:is(.isOn,.isTapFlip) .guideFlipCard>:not(.guideFlipBack){transform:rotateX(0deg)}.guideFlip.isOn .guideFlipCard{pointer-events:none}.guideFlip.isOn:not([data-hero-off]) .guideFlipCard>:not(.guideFlipBack),.guideFlip.isOn:not([data-intro-off]) .guideFlipBack{pointer-events:auto}.guideFlip:is(.isOn,.isMeasuring) .guideFlipBack{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:safe center;padding:24px 20px!important;overflow:hidden}.guideFlip.isOn .guideFlipBack{transform:rotate3d(var(--axisX,1),var(--axisY,0),0,180deg)}.guideFlip.isMeasuring:not(.isOn) .guideFlipBack{visibility:hidden}.guideFlip.isOn~.guideIntroMain{display:none}.guideFlip.isTapFlip .guideFirstScreen{perspective:2000px}.guideFlip.isTapFlip .guideFlipCard{transform-style:preserve-3d;transform:rotate3d(var(--axisX,1),var(--axisY,0),0,calc(var(--turn, 0) * 1deg));transition:transform .7s cubic-bezier(.2,.7,.2,1);cursor:pointer}.guideFlip.isTapFlip.isDragging .guideFlipCard{transition:none}.guideFlip.isTapFlip .guideFlipCard>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.guideFlip.isTapFlip .guideFlipBack{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:safe center;padding:24px 20px!important;overflow:hidden;transform:rotate3d(var(--axisX,1),var(--axisY,0),0,180deg)}.guideFlip.isTapFlip .guideIntroBack,.guideFlip.isTapFlip~.guideIntroMain>p,.guideIntroShort{display:none}.guideFlip.isTapFlip .guideIntroShort{display:block}.guideIntroColon:before{content:":"}@media (prefers-reduced-motion:reduce){.guideFlip.isTapFlip:not(.isDragging) .guideFlipCard{transition:transform .7s cubic-bezier(.2,.7,.2,1)!important}}html.ankiKnown .guideHeroSample,html.openingPanel .bwAppLayer{visibility:hidden}html:not(.ankiKnown) .storiesCard>.uiCardBar{display:none}:is(.storyTextBody,.storyTextTitle)::selection,:is(.storyTextBody,.storyTextTitle,.highlightCard) ::selection{background:transparent;color:#a97aff}html[data-theme=light] :is(.storyTextBody,.storyTextTitle)::selection,html[data-theme=light] :is(.storyTextBody,.storyTextTitle,.highlightCard) ::selection{color:#8a5cff}.highlightCard .highlightText::selection,.storyTitleHanzi::selection,.wordCardWord::selection,:is(.storyTextTitle,html[data-theme=light] .storyTextTitle) ::selection,html[data-theme=light] .highlightCard .highlightText::selection{color:#7432ff}.guideHeroTitle ::selection{background:transparent;color:#a97aff}html[data-theme=light] .guideHeroTitle ::selection{color:#8a5cff}.guideHeroName ::selection,.guideHeroName::selection,html[data-theme=light] .guideHeroName ::selection,html[data-theme=light] .guideHeroName::selection{color:#7432ff}.guideHeroTomato{-moz-user-select:none;user-select:none;-webkit-user-select:none}.storiesPagePick{display:inline-flex;align-items:center;gap:6px}.storiesPagePick .bwSelect{width:auto;min-width:64px;padding:4px 28px 4px 10px}.statsGrid{display:grid;grid-gap:20px;gap:20px}.statsCard{display:grid;grid-gap:18px;gap:18px}.statsName{margin:0;font-size:var(--fs-lg);font-weight:400}.statsNumbers{display:flex;flex-wrap:wrap;gap:12px 40px}.statsNumber{display:grid;grid-gap:2px;gap:2px}.statsValue{font-size:32px;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.statsAxis,.statsLabel,.statsTable{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xs);color:var(--fineInk)}.statsBars{gap:2px;height:120px;border-bottom:1px solid var(--line)}.statsBarSlot,.statsBars{display:flex;align-items:flex-end}.statsBarSlot{flex:1 1;height:100%}.statsBar{width:100%;border-radius:4px 4px 0 0;background:var(--tint)}.statsBarSlot:hover .statsBar{opacity:.75}.statsAxis{display:flex;justify-content:space-between;margin-top:-10px}.statsTable summary{cursor:pointer}.statsTable table{margin-top:8px;border-collapse:collapse}.statsTable td{padding:2px 24px 2px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}