.toast-container[data-v-b13952a8]{position:fixed;top:calc(var(--topbar-height) + var(--spacing-md));right:var(--spacing-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast[data-v-b13952a8]{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-size:14px;font-weight:500;color:#fff;box-shadow:0 4px 12px #00000026;max-width:360px}.toast.success[data-v-b13952a8]{background:var(--color-success)}.toast.error[data-v-b13952a8]{background:var(--color-error)}.toast.info[data-v-b13952a8]{background:var(--color-info)}.toast.warning[data-v-b13952a8]{background:var(--color-warning)}.toast-enter-active[data-v-b13952a8],.toast-leave-active[data-v-b13952a8]{transition:all .3s ease}.toast-enter-from[data-v-b13952a8],.toast-leave-to[data-v-b13952a8]{opacity:0;transform:translate(30px)}.dialog-overlay[data-v-6675ced6]{position:fixed;inset:0;background:var(--color-overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-dialog);backdrop-filter:blur(var(--blur-surface));-webkit-backdrop-filter:blur(var(--blur-surface))}.dialog-card[data-v-6675ced6]{position:relative;background:var(--color-bg-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:420px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-dialog)}.dialog-card--wide[data-v-6675ced6]{width:540px}.dialog-card--xwide[data-v-6675ced6]{width:760px}.dialog-card--wizard[data-v-6675ced6]{box-sizing:border-box;width:var(--size-create-dialog-width);height:var(--size-create-dialog-height);max-width:calc(100vw - (var(--spacing-lg) * 2));max-height:calc(100vh - (var(--spacing-lg) * 2));overflow:hidden}.dialog-card--panel-surface[data-v-6675ced6]{background:var(--color-main-panel-bg)}.dialog-close[data-v-6675ced6]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:3;width:28px;height:28px;border:none;border-radius:var(--radius);background:transparent;color:var(--color-text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.dialog-close[data-v-6675ced6]:hover{background:var(--color-bg-hover);color:var(--color-text)}.dialog-close[data-v-6675ced6]:focus-visible{outline:var(--size-focus-ring) solid var(--color-focus-ring-primary);outline-offset:var(--focus-ring-offset)}.dialog-close[data-v-6675ced6]:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.dialog-enter-active[data-v-6675ced6],.dialog-leave-active[data-v-6675ced6]{transition:opacity .2s ease}.dialog-enter-from[data-v-6675ced6],.dialog-leave-to[data-v-6675ced6]{opacity:0}.dialog-enter-active .dialog-card[data-v-6675ced6],.dialog-leave-active .dialog-card[data-v-6675ced6]{transition:transform .2s ease}.dialog-enter-from .dialog-card[data-v-6675ced6],.dialog-leave-to .dialog-card[data-v-6675ced6]{transform:scale(.96)}.ooc[data-v-65d95cae]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;padding-top:var(--spacing-sm)}.ooc__icon[data-v-65d95cae]{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary)}.ooc__icon svg[data-v-65d95cae]{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ooc__title[data-v-65d95cae]{margin:0;font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);color:var(--color-text-strong)}.ooc__body[data-v-65d95cae]{margin:0;color:var(--color-text-muted);line-height:var(--line-height-body)}.ooc__balance[data-v-65d95cae]{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.ooc__plans[data-v-65d95cae]{list-style:none;margin:var(--spacing-xs) 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.ooc__plan[data-v-65d95cae]{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name price" "credits price";align-items:center;gap:0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-inset);text-align:left}.ooc__plan-name[data-v-65d95cae]{grid-area:name;font-weight:var(--font-weight-semibold);color:var(--color-text)}.ooc__plan-credits[data-v-65d95cae]{grid-area:credits;font-size:var(--font-size-sm);color:var(--color-text-muted)}.ooc__plan-price[data-v-65d95cae]{grid-area:price;font-weight:var(--font-weight-semibold);color:var(--color-primary);white-space:nowrap}.ooc__actions[data-v-65d95cae]{display:flex;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-sm)}.ooc__btn[data-v-65d95cae]{flex:1;min-height:42px;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid transparent;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.ooc__btn--ghost[data-v-65d95cae]{background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-text-muted)}.ooc__btn--ghost[data-v-65d95cae]:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover)}.ooc__btn--primary[data-v-65d95cae]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-surface)}.ooc__btn--primary[data-v-65d95cae]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@font-face{font-family:Inter;src:url(/assets/Inter-Variable-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Literata;src:url(/assets/Literata-Regular-8QkGremE.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Literata;src:url(/assets/Literata-Medium-BrU7btGO.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Literata;src:url(/assets/Literata-Italic-dXqhmyU9.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Literata;src:url(/assets/Literata-Bold-Dd7tYWNG.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:"PT Serif";src:url(/assets/PTSerif-Regular-DPh-w9Z0.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:"PT Serif";src:url(/assets/PTSerif-Italic-CchVwZ9c.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:"PT Serif";src:url(/assets/PTSerif-Bold-BPUuxP6Y.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:PT Sans;src:url(/assets/PTSans-Regular-CxL0S8W7.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:PT Sans;src:url(/assets/PTSans-Italic-BcGkiHZl.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:PT Sans;src:url(/assets/PTSans-Bold-D9fedIX3.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Comfortaa;src:url(/assets/Comfortaa-Variable-BI3T4Jo2.ttf) format("truetype");font-weight:300 700;font-display:swap;font-style:normal}@font-face{font-family:Merriweather;src:url(/assets/Merriweather-Regular-CN10vsiH.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Merriweather;src:url(/assets/Merriweather-Italic-CoQ93vi5.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Merriweather;src:url(/assets/Merriweather-Bold-C8SzbdKE.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Spectral;src:url(/assets/Spectral-Regular-c14v-xyG.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Spectral;src:url(/assets/Spectral-Italic-DEl29ht1.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Spectral;src:url(/assets/Spectral-Bold-C5KIGC3_.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}:root{--color-primary: #0071e3;--color-primary-hover: #005abb;--color-primary-subtle: #e8f1fe;--color-primary-active: #004a99;--color-text: #1d1d1f;--color-text-strong: #1d1d1f;--color-text-muted: #6e6e73;--color-text-muted-2: #98989d;--color-text-subtle: #424245;--color-text-on-primary: #ffffff;--color-text-on-primary-muted: rgba(255, 255, 255, .5);--color-bg: #f4f7fb;--color-bg-surface: #fff;--color-bg-surface-alt: #edf2f8;--color-bg-surface-overlay: rgba(255, 255, 255, .84);--color-bg-hover: #eaf0f6;--color-bg-inset: #eef3f8;--color-qr-surface: #ffffff;--color-error: #d32f2f;--color-error-subtle: #fff0f0;--color-success: #2d8f3e;--color-success-subtle: #edf8ef;--color-warning: #c77c0a;--color-warning-subtle: #fef8eb;--color-warning-peak: #f7b45f;--color-info: #0071e3;--color-info-subtle: #e8f1fe;--color-queued: #7b5bce;--color-queued-subtle: #f3f0ff;--color-border: #d2d2d7;--color-border-strong: #b8b8be;--color-border-input: #d2d2d7;--color-border-hover: #86868b;--color-primary-soft: #d4e4fc;--color-primary-strong: #0058b9;--color-focus-ring-primary: rgba(0, 113, 227, .14);--color-success-soft: #d4edda;--color-warning-soft: #fef0cd;--color-error-soft: #fce4e4;--color-logo-blue: #41479b;--color-logo-red: #ff4b55;--color-logo-green: #73af00;--color-logo-yellow: #ffe15a;--color-brand-yandex: #fc3f1d;--color-cover-brown: #8b5e3c;--color-cover-gold: #d4af37;--color-cover-silver: #c0c4cc;--color-cover-sky: #7fc5e8;--color-cover-light-grey: #c9ccd3;--color-cover-chartreuse: #b5d33d;--color-cover-purple: #7c3aed;--color-cover-vinous: #7b1e2b;--color-cover-terracotta: #c66b3d;--color-cover-teal: #138d8d;--color-cover-coral: #ff7f50;--color-cover-indigo: #4b0082;--color-cover-emerald: #0e9f6e;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--spacing-4xl: 48px;--border-width-thin: 1px;--focus-ring-offset: 2px;--radius-xs: 3px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 22px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .12), 0 6px 16px rgba(15, 23, 42, .06);--shadow-dialog: 0 24px 56px rgba(15, 23, 42, .14), 0 6px 20px rgba(15, 23, 42, .06);--shadow-reader-chrome-top: 0 8px 22px rgba(15, 23, 42, .12);--shadow-reader-chrome-deck: 0 14px 38px rgba(15, 23, 42, .2);--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 0 0 1px rgba(15, 23, 42, .05);--shadow-card-hover: 0 14px 28px rgba(15, 23, 42, .08), 0 0 0 1px rgba(15, 23, 42, .05);--shadow-sidebar-edge: inset -1px 0 0 rgba(255, 255, 255, .55);--shadow-book-showcase: 0 28px 72px rgba(15, 23, 42, .1), 0 8px 24px rgba(15, 23, 42, .06);--transition-fast: .15s ease;--transition-normal: .25s ease;--duration-spinner: .75s;--blur-surface: 10px;--blur-topbar: 18px;--scrollbar-size: 8px;--scrollbar-radius: 999px;--color-scrollbar-track: rgba(255, 255, 255, 0);--color-scrollbar-thumb: rgba(103, 116, 138, .26);--color-scrollbar-thumb-hover: rgba(103, 116, 138, .4);--color-scrollbar-thumb-active: rgba(67, 80, 102, .5);--scrollbar-thumb-inset: 2px;--topbar-height: 50px;--topbar-height-mobile: calc(var(--topbar-height) + var(--spacing-sm));--sidebar-width: 256px;--sidebar-width-collapsed: 52px;--content-width: 92%;--content-max-width: 1600px;--page-content-max-width: 1050px;--page-padding-top: var(--spacing-3xl);--color-app-shell-bg: #eef3f8;--color-main-panel-bg: linear-gradient(180deg, #f9fbfe 0%, #f4f7fb 100%);--color-main-content-bg: linear-gradient(180deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, 0) 24%), var(--color-bg);--color-sidebar-bg: #eef3f9;--color-sidebar-border: rgba(94, 115, 145, .16);--color-topbar-bg: rgba(248, 250, 253, .84);--color-topbar-border: rgba(94, 115, 145, .14);--color-overlay-backdrop: rgba(17, 24, 39, .24);--color-content-header-bg: rgba(248, 250, 253, .82);--color-content-panel-bg: rgba(255, 255, 255, .72);--color-border-subtle: rgba(94, 115, 145, .12);--color-border-btn: rgba(94, 115, 145, .16);--z-index-dialog: 1000;--z-index-dropdown: 30;--color-nav-active-bg: rgba(0, 113, 227, .09);--color-nav-hover-bg: rgba(17, 24, 39, .04);--color-text-nav: #172033;--color-text-nav-muted: #435066;--color-text-section: #67748a;--color-text-greeting: #101828;--color-text-workspace: #667085;--color-blog-editor-sheen: linear-gradient( 180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100% );--color-blog-editor-info-border: rgba(0, 113, 227, .18);--color-blog-cover-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .54) 0%, rgba(255, 255, 255, .22) 100%), var(--color-bg-inset);--color-blog-cover-badge-bg: rgba(255, 255, 255, .82);--color-blog-cover-badge-border: rgba(255, 255, 255, .92);--color-blog-cover-guide: rgba(255, 255, 255, .7);--color-app-card-flat-bg: #f9fbfd;--color-blog-card-flat-bg: #ffffff;--color-blog-card-flat-bg-hover: #fff;--color-blog-card-flat-border: rgba(16, 24, 40, .08);--color-blog-card-flat-border-hover: rgba(16, 24, 40, .16);--color-blog-card-flat-chip-bg: rgba(246, 248, 251, .96);--color-blog-card-flat-chip-border: rgba(16, 24, 40, .08);--color-blog-card-flat-rule: rgba(16, 24, 40, .08);--color-blog-card-flat-muted: #667085;--font-family-magazine: var(--font-family-reader-literata);--color-magazine-rule: rgba(16, 24, 40, .1);--color-magazine-overline: #67748a;--color-magazine-excerpt: #45526b;--color-magazine-cover-label: rgba(255, 255, 255, .85);--color-blog-detail-surface: #ffffff;--color-blog-detail-border: rgba(16, 24, 40, .08);--color-blog-detail-border-strong: rgba(16, 24, 40, .14);--color-blog-detail-rule: rgba(16, 24, 40, .08);--color-blog-detail-muted: #667085;--color-blog-detail-body: #1d2b45;--color-blog-detail-author-avatar: var(--color-logo-blue);--color-blog-detail-avatar-bg: #f3f5f8;--color-blog-detail-code-bg: #f5f7fa;--color-blog-detail-quote-bg: #f6f8fb;--color-blog-detail-table-head-bg: #f7f9fb;--color-comment-thread-surface: #ffffff;--color-comment-thread-surface-alt: #f7f9fc;--color-comment-thread-border: rgba(16, 24, 40, .08);--color-comment-thread-border-strong: rgba(16, 24, 40, .14);--color-comment-thread-rule: rgba(16, 24, 40, .08);--color-comment-thread-meta: #667085;--color-comment-thread-meta-strong: #435066;--color-comment-thread-reply-rail: rgba(16, 24, 40, .12);--color-comment-thread-editor-bg: #f7f9fc;--color-comment-thread-editor-focus: rgba(0, 113, 227, .12);--color-comment-body: #2a3650;--color-library-surface: #ffffff;--color-library-surface-muted: #f7f9fc;--color-library-border: rgba(16, 24, 40, .08);--color-library-border-strong: rgba(16, 24, 40, .16);--color-library-rule: rgba(16, 24, 40, .08);--color-library-tab-bg: #eef3f8;--color-library-tab-bg-active: #172033;--color-library-tab-text: #435066;--color-library-tab-text-active: #ffffff;--color-library-spine-bg: #f3f6fa;--color-library-card-code: #4c5668;--color-library-card-meta: #667085;--color-library-wave: #c8b894;--color-library-segment-bg: #e9edf4;--color-library-segment-active-bg: var(--color-library-surface);--color-library-segment-text: var(--color-text-section);--color-library-segment-text-active: var(--color-text-nav);--color-library-genre-inactive: #9aa1b2;--color-library-genre-active: var(--color-text-nav);--color-library-genre-bar: var(--color-primary);--shadow-library-segment-active: 0 1px 2px rgba(15, 23, 42, .1);--shadow-library-card-hover: 0 12px 26px -14px rgba(15, 23, 42, .22);--color-library-menu-shadow: 0 16px 38px -12px rgba(15, 23, 42, .28);--shadow-blog-editor-field-inset: inset 0 1px 0 rgba(255, 255, 255, .7);--shadow-blog-cover-guide: 0 0 0 1px rgba(16, 24, 40, .08);--color-home-card-bg: linear-gradient(180deg, #fff 0%, #f1f5fb 100%);--color-home-card-bg-hover: linear-gradient(180deg, #fff 0%, #eaf0f8 100%);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-course-reader: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Microsoft JhengHei", "Noto Sans", "Noto Sans CJK SC", "Noto Sans CJK TC", "Noto Sans JP", "Noto Sans KR", sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-family-editorial: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-family-editorial-display: Baskerville, "Times New Roman", serif;--font-family-reader-literata: "Literata", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-family-reader-pt-serif: "PT Serif", Georgia, "Times New Roman", serif;--font-family-reader-pt-sans: "PT Sans", "Segoe UI", Verdana, Arial, sans-serif;--font-family-reader-comfortaa: "Comfortaa", "PT Sans", "Segoe UI", Verdana, Arial, sans-serif;--font-family-reader-merriweather: "Merriweather", Georgia, "Times New Roman", serif;--font-family-reader-spectral: "Spectral", Georgia, "Times New Roman", serif;--font-family-editorial-cjk-ja: "Source Han Serif JP", "Noto Serif JP", "Noto Serif CJK JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;--font-family-editorial-cjk-zh-hans: "Source Han Serif SC", "Noto Serif SC", "Noto Serif CJK SC", "Songti SC", "STSong", "SimSun", serif;--font-family-editorial-cjk-zh-hant: "Source Han Serif TC", "Source Han Serif HC", "Noto Serif TC", "Noto Serif HK", "Noto Serif CJK TC", "Noto Serif CJK HK", "Songti TC", "PMingLiU", "MingLiU", serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.02em;--letter-spacing-overline: .08em;--line-height-heading-tight: 1.18;--line-height-ui: 1.4;--line-height-body: 1.65;--line-height-blog-detail-title: 1.14;--line-height-blog-detail-body: 1.82;--line-height-blog-detail-table: 1.56;--color-hero-start: #4051b5;--color-hero-end: #7c4dff;--color-hero-text: #fff;--color-hero-btn-primary-bg: #fff;--color-hero-btn-primary-text: #4a3094;--color-public-page-bg: #f8fafc;--color-public-topbar-bg: rgba(248, 250, 252, .88);--color-public-border: #dbe4f0;--color-public-border-strong: #c7d4e5;--color-public-accent: #f97316;--color-public-accent-strong: #ea580c;--color-public-accent-soft: #ffedd5;--color-public-hero-glow: rgba(37, 99, 235, .12);--color-book-showcase-shell: linear-gradient( 180deg, rgba(255, 255, 255, .94) 0%, rgba(242, 246, 252, .98) 100% );--color-book-showcase-panel: rgba(255, 255, 255, .76);--color-book-showcase-panel-strong: rgba(255, 255, 255, .92);--color-book-showcase-paper: #faf8f4;--color-book-showcase-dock: rgba(249, 251, 254, .9);--color-book-showcase-chip: rgba(248, 250, 253, .92);--color-book-showcase-border: rgba(94, 115, 145, .16);--color-book-showcase-border-strong: rgba(94, 115, 145, .24);--color-book-showcase-rule: rgba(17, 24, 39, .08);--color-book-showcase-ink: #182132;--color-book-showcase-muted: #5b6577;--color-book-highlight-1: #dfeee4;--color-book-highlight-2: #f7dfe7;--color-book-highlight-3: #d7ebf1;--color-book-highlight-4: #f8f0c8;--color-reader-shell: linear-gradient( 180deg, rgba(255, 255, 255, .92) 0%, rgba(247, 242, 232, .98) 100% );--color-reader-rail-bg: rgba(255, 255, 255, .84);--color-reader-accent: #b2872f;--color-reader-accent-strong: #8f6d24;--color-reader-accent-soft: rgba(178, 135, 47, .14);--color-reader-chrome-surface: rgba(255, 255, 255, .92);--color-reader-chrome-border: rgba(94, 115, 145, .16);--color-reader-chrome-pill: rgba(94, 115, 145, .1);--color-reader-deck-surface: rgba(255, 255, 255, .96);--color-reader-scrubber-track: rgba(94, 115, 145, .22);--color-reader-scrubber-fill: var(--color-reader-accent);--color-reader-settings-panel: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(244, 247, 251, .98) 100%);--color-reader-settings-panel-strong: rgba(255, 255, 255, .82);--color-reader-settings-border: rgba(94, 115, 145, .16);--color-reader-settings-card: rgba(255, 255, 255, .8);--color-reader-settings-card-strong: rgba(255, 255, 255, .96);--color-reader-settings-card-border: rgba(94, 115, 145, .16);--color-reader-settings-icon-bg: rgba(0, 113, 227, .1);--color-reader-settings-pill-bg: rgba(0, 113, 227, .12);--color-reader-settings-pill-muted-bg: rgba(255, 255, 255, .76);--color-reader-settings-admin-bg: rgba(255, 255, 255, .58);--color-reader-debug-border: rgba(211, 47, 47, .26);--z-index-reader-debug-overlay: 2;--z-index-reader-chrome: 60;--color-reader-token-hover-bg: rgba(178, 135, 47, .14);--color-reader-token-hover-underline: rgba(178, 135, 47, .55);--color-reader-sentence-hover-bg: rgba(232, 241, 244, .65);--color-reader-sentence-active: rgba(94, 115, 145, .16);--color-reader-sentence-hover-bridge-bg: transparent;--color-reader-sentence-hover-solid-bg: #e8f1f4;--color-reader-sentence-hover-text: #214b59;--color-reader-sentence-hover-accent: #315f72;--color-reader-sentence-hover-underline: rgba(49, 95, 114, .45);--size-reader-sentence-hover-underline: 2px;--color-reader-lookup-panel-bg: rgba(255, 255, 255, .98);--color-reader-lookup-panel-border: rgba(16, 24, 40, .12);--color-reader-lookup-panel-shadow: 0 16px 48px rgba(16, 24, 40, .18);--z-index-reader-lookup-popover: 1500;--reader-blur-filter: blur(4px);--reader-blur-opacity: .75;--reader-blur-bg: rgba(16, 24, 40, .045);--reader-revealed-accent-color: var(--color-primary-subtle);--reader-mt-chip-bg: var(--color-reader-sentence-hover-solid-bg);--reader-mt-chip-bg-hover: var(--color-primary-subtle);--reader-mt-chip-border: var(--color-reader-sentence-hover-underline);--reader-mt-chip-border-hover: var(--color-reader-sentence-hover-accent);--reader-mt-chip-text: var(--color-reader-sentence-hover-accent);--reader-mt-chip-label-bg: var(--color-reader-sentence-hover-accent);--reader-mt-chip-label-text: var(--color-bg-surface);--color-reader-mt-panel-bg: rgba(255, 255, 255, .98);--color-reader-mt-panel-border: rgba(16, 24, 40, .12);--color-reader-mt-panel-shadow: 0 16px 48px rgba(16, 24, 40, .18);--z-index-reader-mt-popover: 1500;--color-reader-tool-listen: #41479b;--color-reader-tool-translate: #de3640;--color-reader-tool-dictionary: #5c8c00;--color-reader-tool-dictionary-active: #73af00;--color-reader-tool-hint-active: #ffe15a;--color-reader-tool-hint-strong: #d29a00;--color-reader-tool-hint-soft: rgba(210, 154, 0, .12);--color-reader-progress-card-bg: var(--color-bg-surface);--color-reader-progress-card-border: var(--color-border-subtle);--color-reader-progress-card-shadow: var(--shadow-card);--color-reader-progress-accent: var(--color-primary);--color-reader-progress-accent-soft: var(--color-primary-subtle);--color-reader-progress-muted: var(--color-text-muted);--color-reader-progress-hero-bg: linear-gradient( 180deg, rgba(255, 255, 255, .96) 0%, rgba(232, 241, 254, .52) 100% );--color-reader-progress-band-comfortable: var(--color-success);--color-reader-progress-band-comfortable-soft: var(--color-success-subtle);--color-reader-progress-band-moderate: var(--color-warning);--color-reader-progress-band-moderate-soft: var(--color-warning-subtle);--color-reader-progress-band-hard: var(--color-error);--color-reader-progress-band-hard-soft: var(--color-error-subtle);--color-reader-progress-band-unknown: var(--color-text-muted);--color-reader-progress-band-unknown-soft: var(--color-bg-surface-alt);--color-reader-progress-heat-ok: #d7ecdb;--color-reader-progress-heat-vocab: #fce8cc;--color-reader-progress-heat-syntax: #f4d0c9;--color-reader-progress-heat-unread: var(--color-bg-surface-alt);--color-reader-progress-heat-ok-text: #2f5a3a;--color-reader-progress-heat-vocab-text: #7b4f1d;--color-reader-progress-heat-syntax-text: #8a3b2f;--color-reader-progress-heat-unread-text: var(--color-text-muted);--color-reader-progress-stage-seen: #c4b8dd;--color-reader-progress-stage-looked-up: #d9a47b;--color-reader-progress-stage-recognized: #7fb0c4;--color-reader-progress-stage-recalled: #9fbe77;--color-reader-progress-stage-productive: var(--color-primary);--color-reader-progress-spark-line: var(--color-primary);--color-reader-progress-spark-fill: rgba(0, 113, 227, .08);--color-reader-progress-yield-bar-read: var(--color-primary-soft);--color-reader-progress-yield-bar-matured: var(--color-success);--color-reader-progress-deferred-bg: var(--color-bg-surface-alt);--color-reader-progress-deferred-text: var(--color-text-muted);--size-reader-progress-card-min-height: 160px;--size-reader-progress-stages-bar-height: 24px;--size-reader-progress-heatmap-cell: 36px;--size-reader-progress-yield-chart-height: 140px;--size-reader-progress-legend-swatch: 10px;--color-reader-srs-front-bg: #ffffff;--color-reader-srs-front-border: rgba(16, 24, 40, .12);--color-reader-srs-back-bg: #f8fbff;--color-reader-srs-context-accent: rgba(0, 113, 227, .12);--color-reader-srs-rating-again: #c9493f;--color-reader-srs-rating-hard: #c77c0a;--color-reader-srs-rating-good: #2d8f3e;--color-reader-srs-rating-easy: #0071e3;--color-reader-srs-rating-text: #ffffff;--color-reader-srs-progress-bar-bg: rgba(16, 24, 40, .08);--color-reader-srs-progress-bar-fill: var(--color-primary);--color-reader-retention-hero-accent: linear-gradient( 180deg, rgba(255, 255, 255, .96) 0%, rgba(225, 241, 232, .52) 100% );--color-course-unit-rule: rgba(16, 24, 40, .12);--color-course-unit-practice-bg: #f8fafc;--color-reader-main-bg: #ffffff;--color-reader-nav-bg: rgba(255, 255, 255, .92);--color-reader-nav-border: rgba(16, 24, 40, .06);--color-reader-nav-btn-bg: #f0f4fa;--color-reader-nav-btn-bg-hover: #e4ebf5;--size-reader-settings-panel-min-width: 360px;--size-reader-settings-panel-max-width: 460px;--color-corpora-showcase-shell: linear-gradient( 180deg, rgba(255, 255, 255, .96) 0%, rgba(243, 247, 252, .98) 100% );--color-corpora-showcase-panel: rgba(255, 255, 255, .78);--color-corpora-showcase-panel-strong: rgba(255, 255, 255, .94);--color-corpora-showcase-header: rgba(246, 249, 253, .98);--color-corpora-showcase-border: rgba(94, 115, 145, .16);--color-corpora-showcase-rule: rgba(17, 24, 39, .08);--color-corpora-showcase-track: #d5e1ef;--color-mark-badge-bg: #eef3f8;--color-mark-badge-text: #526173;--color-mark-badge-meta-bg: #e8f4ec;--color-mark-badge-meta-text: #2f7a44;--color-mark-badge-heading-1-bg: #e0f3f0;--color-mark-badge-heading-1-text: #0d6964;--color-mark-badge-heading-2-bg: #e5efff;--color-mark-badge-heading-2-text: #245f9a;--color-mark-badge-heading-3-bg: #e8f4e0;--color-mark-badge-heading-3-text: #4f7b26;--color-mark-badge-heading-4-bg: #fff1dd;--color-mark-badge-heading-4-text: #9a6217;--color-mark-badge-heading-5-bg: #f7e7ee;--color-mark-badge-heading-5-text: #92486a;--color-mark-badge-quote-bg: #f3ebfa;--color-mark-badge-quote-text: #7a41a0;--color-mark-badge-media-bg: #fff1e3;--color-mark-badge-media-text: #b86417;--color-footer-bg: #f8fafc;--color-viz-bg: #f0f4f8;--color-viz-border: #e2e8f0;--color-viz-text-muted: #6b7280;--color-viz-nav-text: var(--color-primary);--color-viz-nav-bg: var(--color-bg-surface);--color-viz-nav-border: var(--color-border);--color-viz-nav-bg-hover: var(--color-bg-hover);--color-viz-nav-border-hover: var(--color-border-hover);--color-viz-processing-surface: linear-gradient( 180deg, rgba(255, 255, 255, .98) 0%, rgba(232, 241, 254, .92) 100% );--color-viz-processing-border: rgba(0, 113, 227, .16);--color-viz-processing-sheen: rgba(255, 255, 255, .72);--color-viz-processing-highlight: rgba(0, 113, 227, .12);--duration-viz-processing-pulse: 2.1s;--duration-viz-processing-sweep: 2.8s;--font-size-page-title: 24px;--font-size-display: 32px;--font-size-club-page-title: clamp(34px, 4.4vw, 46px);--font-size-blog-detail-title: clamp(40px, 5.4vw, 58px);--font-size-blog-detail-body: clamp(15px, 1.45vw, 17px);--font-size-blog-detail-table: clamp(16px, 1.32vw, 18px);--font-size-course-unit-title: clamp(32px, 4.8vw, 52px);--font-size-course-unit-summary: clamp(17px, 1.6vw, 20px);--font-size-course-unit-body: clamp(16px, 1.25vw, 18px);--font-size-course-unit-stat: clamp(26px, 3.2vw, 34px);--font-size-course-unit-kicker: 12px;--font-size-blog-detail-content-h1: clamp(30px, 3.4vw, 38px);--font-size-blog-detail-content-h2: clamp(24px, 2.6vw, 30px);--font-size-blog-detail-content-h3: clamp(20px, 2vw, 24px);--font-size-library-hero-title: clamp(38px, 5.2vw, 58px);--font-size-library-card-title: clamp(20px, 1.8vw, 24px);--font-size-post-title: 28px;--font-size-blog-card-title-flat: clamp(24px, 2.4vw, 30px);--font-size-comment-thread-title: clamp(26px, 2.8vw, 34px);--font-size-comment-body: clamp(15px, 1.15vw, 17px);--font-size-comment-author: 14px;--font-size-comment-meta: 11px;--font-size-comment-action: 12px;--font-size-section-title: 18px;--font-size-subsection-title: 16px;--font-size-input: 14px;--font-size-body: 14px;--font-size-sm: 13px;--font-size-xs: 12px;--font-size-2xs: 11px;--font-size-icon-lg: 20px;--letter-spacing-label: .3px;--font-size-public-hero-title: clamp(42px, 6.8vw, 76px);--font-size-public-display-title: clamp(38px, 5.4vw, 64px);--font-size-public-section-title: clamp(30px, 4.2vw, 48px);--font-size-public-card-title: clamp(20px, 2vw, 25px);--font-size-public-lead: clamp(17px, 1.8vw, 20px);--font-size-public-body: clamp(15px, 1.15vw, 17px);--font-size-howto-hero-title: clamp(36px, 4.8vw, 56px);--font-size-howto-section-title: clamp(30px, 3.2vw, 38px);--font-size-howto-step-title: clamp(24px, 2.6vw, 30px);--font-size-howto-lead: clamp(18px, 2vw, 22px);--font-size-auth-code: 24px;--line-height-comment-body: 1.72;--line-height-course-unit-title: 1.08;--line-height-course-unit-body: 1.72;--size-howto-max-width: 1120px;--size-course-unit-max-width: 960px;--size-course-unit-measure: 70ch;--size-course-unit-overview-min-width: 240px;--size-course-unit-overview-max-width: 320px;--size-course-unit-interactive-max-width: 760px;--size-howto-step-art-width: 420px;--size-howto-step-number: 32px;--size-sidebar-mobile-width: min(86vw, 320px);--size-topbar-control-mobile: 36px;--size-public-showcase-height: clamp(500px, 100vh, 860px);--size-public-showcase-height-mobile: clamp(400px, 70vh, 560px);--size-public-corpora-showcase-height: clamp(620px, 96vh, 960px);--size-public-corpora-showcase-height-mobile: clamp(560px, 90vh, 720px);--size-auth-button-height: 40px;--size-auth-provider-icon: 18px;--size-auth-code-input-height: 48px;--size-admin-button-height: 40px;--size-admin-dialog-width-wide: 900px;--size-admin-dialog-width-narrow: 420px;--size-admin-select-width: 220px;--size-admin-sandbox-block-height: 96px;--size-blog-feed-max-width: 920px;--size-home-feed-column-width: 860px;--size-blog-card-cover-height: clamp(180px, 24vw, 380px);--size-blog-card-cover-width: clamp(240px, 30vw, 380px);--size-blog-card-excerpt-max-width: 62ch;--size-blog-detail-content-width: 72ch;--size-blog-detail-reading-width: 820px;--size-blog-detail-title-max-width: 18ch;--size-library-card-width: 240px;--size-library-card-min: 196px;--size-library-catalog-width: 420px;--size-library-cover-ratio: 2 / 3;--size-book-detail-edit-control: 28px;--size-reader-frame-large: 1460px;--size-reader-frame-medium: 1220px;--size-reader-frame-small: 1060px;--size-reader-header-height: 44px;--size-library-spine-width: 88px;--size-book-cover-ratio: 2 / 3;--size-aligner-cover-preview-width: 240px;--size-aligner-cover-modal-width: 640px;--size-aligner-marks-min-height: 220px;--size-aligner-mark-value-min-height: 96px;--size-aligner-mark-dialog-width: 560px;--size-aligner-search-control: 32px;--size-aligner-candidates-min-height: 160px;--size-aligner-validation-min-height: 180px;--size-aligner-validation-list-min-height: 120px;--size-aligner-validation-text-min-height: 64px;--size-aligner-validation-control: 34px;--size-aligner-validation-copy-width: 72ch;--size-aligner-validation-spinner: 18px;--size-aligner-validation-button-spinner: 14px;--size-aligner-spinner-border: 2px;--size-create-dialog-width: 540px;--size-create-dialog-height: 480px;--size-create-dialog-tile-min-height: 156px;--size-create-dialog-state-min-height: 176px;--size-create-dialog-state-copy-width: 34ch;--size-create-dialog-icon: 40px;--size-create-dialog-icon-svg: 20px;--size-create-dialog-control-height: 40px;--size-create-dialog-selected-document: 22px;--size-create-dialog-flag: 14px;--size-create-dialog-spinner: 20px;--size-create-dialog-button-spinner: 14px;--size-create-dialog-spinner-border: 2px;--size-ltm-editor-select-min: 120px;--size-ltm-editor-page-label: 72px;--size-ltm-editor-min-height: 160px;--size-ltm-editor-context-min: 72px;--size-ltm-editor-context-max: 104px;--size-ltm-editor-cell-min-height: 96px;--size-ltm-editor-mark-meta: 220px;--size-workspace-max-width: 1180px;--size-workspace-app-icon: 128px;--radius-app-icon: 28px;--shadow-app-icon: 0 1px 3px rgba(15, 23, 42, .07), 0 0 0 .5px rgba(15, 23, 42, .06);--shadow-app-icon-hover: 0 14px 32px rgba(15, 23, 42, .13), 0 4px 8px rgba(15, 23, 42, .05);--transition-lift: .35s cubic-bezier(.25, .46, .45, .94);--size-blog-detail-cover-height: clamp(220px, 34vw, 380px);--size-easydict-workspace-max: 1600px;--size-easydict-subtitle-max: 680px;--size-easydict-upload-min: 280px;--size-easydict-editor-min: 390px;--size-easydict-options-min: 280px;--size-easydict-dropzone-height: 400px;--size-easydict-dropzone-label: 132px;--size-easydict-dropzone-icon: 40px;--size-easydict-dropzone-icon-sm: 20px;--size-easydict-segment-badge: 22px;--size-easydict-button-height: 40px;--size-easydict-editor-panel-min-height: 482px;--size-easydict-textarea-min: 384px;--size-easydict-font-btn: 30px;--size-easydict-checkbox: 16px;--size-easydict-toggle-height: 30px;--size-easydict-hsk-swatch: 10px;--size-easydict-word-tooltip-max: 280px;--size-easydict-table-index: 54px;--size-easydict-table-word: 112px;--size-easydict-table-pinyin: 150px;--size-easydict-table-count: 76px;--size-easydict-table-hsk: 92px;--size-easydict-table-learning: 230px;--size-easydict-table-list-learning: 150px;--size-easydict-table-mobile-index: 32px;--size-easydict-row-action: 34px;--size-easydict-state-select-min: 92px;--size-easydict-filter-chip-height: 28px;--size-easydict-mobile-label: 72px;--size-easydict-settings-dialog-width: 680px;--size-easydict-settings-dialog-height: 520px;--size-easydict-custom-dialog-width: 520px;--size-easydict-settings-sidebar: 200px;--size-easydict-settings-sidebar-mobile: 156px;--size-easydict-settings-tab-height: 36px;--size-easydict-settings-select-min: 150px;--size-easydict-settings-number-width: 96px;--size-easydict-settings-hint-max: 340px;--size-easydict-image-preview-close: 48px;--size-easydict-history-thumb: 96px;--size-easydict-history-thumb-mobile: 72px;--size-easydict-history-row-min: 112px;--size-easydict-history-action: 38px;--size-easydict-history-dialog-width: 460px;--size-easydict-mobile-dropzone-height: clamp(160px, 28svh, 240px);--size-easydict-mobile-dropzone-height-sm: clamp(150px, 26svh, 220px);--size-easydict-mobile-textarea-min: clamp(280px, 48svh, 430px);--size-easydict-mobile-textarea-min-sm: clamp(260px, 46svh, 400px);--size-easydict-mobile-control: 44px;--size-easydict-mobile-checkbox-row-height: 36px;--size-easydict-mobile-button-height: 46px;--size-easydict-mobile-card-index: 34px;--size-easydict-mobile-card-action: 38px;--size-easydict-mobile-card-action-sm: 36px;--size-easydict-mobile-chip-height: 34px;--size-easydict-mobile-level-height: 30px;--size-easydict-mobile-level-height-sm: 28px;--size-easydict-mobile-badge-height: 28px;--size-easydict-mobile-font-control-width: 38px;--size-easydict-mobile-font-control-height: 36px;--size-easydict-mobile-checkbox: 22px;--size-easydict-mobile-state-select-min: 118px;--size-easydict-mobile-dialog-max-height: min(88dvh, 760px);--radius-easydict-mobile-panel: calc(var(--radius-lg) + 4px);--radius-easydict-mobile-panel-sm: 20px;--radius-easydict-mobile-card: calc(var(--radius-lg) + 2px);--radius-easydict-mobile-card-sm: 18px;--radius-easydict-mobile-sheet: 26px 26px 0 0;--size-easydict-icon: 18px;--size-easydict-icon-stroke: 1.8;--size-easydict-spinner: 18px;--size-easydict-spinner-border: 2px;--size-focus-ring: 3px;--size-sharing-section-min-height: 420px;--size-sharing-body-min-height: 260px;--size-sharing-control-height: 42px;--size-sharing-progress-height: 8px;--size-sharing-checkbox: 20px;--size-sharing-results-max-height: 220px;--size-sharing-search-padding-end: 44px;--size-sharing-spinner: 24px;--size-sharing-search-spinner: 18px;--size-sharing-spinner-border: 2px;--size-sharing-chip-action: 26px;--size-sharing-chip-icon: 16px;--size-sharing-icon-stroke: 1.8;--size-sharing-qr: 180px;--size-sharing-dialog-max-width: 460px;--size-shared-book-card-max-width: 680px;--size-shared-book-card-min-height: 520px;--size-shared-book-state-min-height: 420px;--size-shared-book-copy-max-width: 500px;--size-shared-book-logo: 40px;--size-shared-book-glow: 520px;--size-shared-book-icon: 72px;--size-shared-book-icon-svg: 32px;--size-shared-book-cover-width: 140px;--font-size-easydict-textarea: 20px;--font-size-easydict-hanzi-table: 18px;--font-size-easydict-hanzi-mobile: 28px;--font-size-easydict-title-mobile: clamp(1.8rem, 8vw, 2.35rem);--font-size-easydict-title-mobile-sm: clamp(1.6rem, 9vw, 2rem);--font-size-easydict-textarea-mobile: clamp(20px, 5.4vw, 26px);--font-size-easydict-hanzi-card: clamp(1.45rem, 7vw, 2rem);--font-size-easydict-hanzi-card-sm: clamp(1.35rem, 8vw, 1.8rem);--font-size-easydict-mobile-input: 16px;--line-height-easydict-textarea: 1.75;--line-height-easydict-title-mobile: 1.04;--line-clamp-easydict-history-preview: 2;--color-easydict-image-bg: #0b1220;--color-easydict-segment-badge-bg: rgba(16, 24, 40, .78);--color-easydict-image-preview-bg: rgba(11, 18, 32, .78);--color-easydict-word-tooltip-bg: rgba(16, 24, 40, .94);--color-easydict-hsk1-highlight: rgba(220, 38, 38, .16);--color-easydict-hsk1-highlight-line: rgba(220, 38, 38, .58);--color-easydict-hsk2-highlight: rgba(249, 115, 22, .16);--color-easydict-hsk2-highlight-line: rgba(234, 88, 12, .58);--color-easydict-hsk3-highlight: rgba(234, 179, 8, .2);--color-easydict-hsk3-highlight-line: rgba(202, 138, 4, .62);--color-easydict-hsk4-highlight: rgba(34, 197, 94, .16);--color-easydict-hsk4-highlight-line: rgba(22, 163, 74, .58);--color-easydict-hsk5-highlight: rgba(14, 165, 233, .16);--color-easydict-hsk5-highlight-line: rgba(2, 132, 199, .58);--color-easydict-hsk6-highlight: rgba(99, 102, 241, .16);--color-easydict-hsk6-highlight-line: rgba(79, 70, 229, .58);--color-easydict-hsk7-9-highlight: rgba(168, 85, 247, .17);--color-easydict-hsk7-9-highlight-line: rgba(147, 51, 234, .6);--color-easydict-custom-highlight: rgba(236, 72, 153, .15);--color-easydict-custom-highlight-line: rgba(219, 39, 119, .56);--color-easydict-name-highlight: var(--color-warning-subtle);--color-easydict-name-highlight-line: var(--color-warning-soft);--opacity-disabled: .5;--duration-easydict-spinner: 1s;--color-streak-active: #f97316;--color-streak-inactive: var(--color-text-muted);--color-xp: #a855f7;--color-rank: #eab308;--color-grace: #3b82f6;--import-dropzone-border: var(--color-border);--import-dropzone-bg: var(--color-bg-surface-alt);--import-error-color: var(--color-error);--import-warning-color: var(--color-warning);--import-success-color: var(--color-success);--studio-topbar-height: 56px;--studio-left-rail-width: 264px;--studio-right-rail-width: 282px;--studio-rail-toggle-size: 26px;--studio-rail-collapsed-width: 52px;--studio-rail-body-padding-top: var(--spacing-sm);--studio-rail-body-padding-inline: var(--spacing-sm);--studio-rail-body-padding-bottom: var(--spacing-md);--studio-outline-group-gap: var(--spacing-sm);--studio-outline-divider-gap: var(--spacing-sm);--studio-outline-item-padding-inline: var(--spacing-sm);--studio-outline-indent: var(--spacing-sm);--studio-canvas-min-width: 400px;--studio-canvas-body-padding: var(--spacing-xl) var(--spacing-2xl);--studio-canvas-max-width: 1200px;--color-studio-shell-bg: var(--lt-bg);--color-studio-rail-bg: var(--lt-bg-surface);--color-studio-rail-border: var(--lt-border);--color-studio-canvas-bg: var(--lt-bg);--color-studio-canvas-header-bg: var(--lt-bg);--color-studio-canvas-header-border: var(--lt-border);--color-studio-preview-bg: #ffffff;--studio-status-draft: var(--color-warning);--studio-status-published: var(--color-success);--studio-status-archived: var(--color-text-muted);--lt-blue: var(--color-logo-blue);--lt-blue-dark: #363b82;--lt-blue-tint: #ecedf7;--lt-red: var(--color-logo-red);--lt-red-dark: #e23842;--lt-red-tint: #ffe9ea;--lt-green: var(--color-logo-green);--lt-green-dark: #5f9100;--lt-green-tint: #eef6dd;--lt-green-bright: #8bc926;--lt-yellow: var(--color-logo-yellow);--lt-yellow-dark: #e9c100;--lt-yellow-text: #b89200;--lt-yellow-tint: #fff7d6;--lt-ink: #1c1d2e;--lt-body: #4c4f6b;--lt-muted: #8a8da6;--lt-faint: #b4b6c9;--lt-border: #e9eaf2;--lt-border-2: #dcdeeb;--lt-bg: #f5f6fb;--lt-bg-card-head: #f9fafd;--lt-bg-chip: #f4f5fb;--lt-bar-track: #eef0f7;--lt-console-bg: #1c1d2e;--lt-console-green: #b4e07a;--lt-console-yellow: #ffe15a;--lt-console-muted: #8a8da6;--font-family-course-display: "Onest", var(--font-family);--font-family-course-code: "JetBrains Mono", var(--font-family-mono);--lt-surface: #ffffff;--lt-bg-surface: var(--lt-surface);--lt-shadow-card-hover: 0 14px 34px rgba(28, 29, 46, .1);--reader-shell-max-width: 1140px;--reader-lessonbar-max-width: 860px;--reader-step-max-width: 720px;--reader-footer-min-height: 92px}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%236e6e73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:32px}.form-title{margin:0 0 var(--spacing-xl);font-size:var(--font-size-page-title);font-weight:600;color:var(--color-text-strong);text-align:center}.form-hint{margin:0 0 var(--spacing-xl);text-align:center;font-size:var(--font-size-input);color:var(--color-text-muted)}.field-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-body);font-weight:500;color:var(--color-text-subtle)}.field-input{width:100%;height:38px;padding:0 var(--spacing-md);border:1px solid var(--color-border-input);border-radius:var(--radius);font-size:var(--font-size-input);color:var(--color-text);background:var(--color-bg-surface);outline:none;margin-bottom:var(--spacing-md);transition:border-color var(--transition-fast)}.field-input:focus{border-color:var(--color-primary)}.field-error{display:block;margin-top:calc(var(--spacing-md) * -1 + var(--spacing-xs));margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-error, #e53935)}.submit-btn{width:100%;height:40px;margin-top:var(--spacing-sm);border:none;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-size:var(--font-size-input);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.switch-text{margin-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-body);color:var(--color-text-muted)}.switch-text a{color:var(--color-primary);text-decoration:none;font-weight:500}.switch-text a:hover{text-decoration:underline}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,optgroup,select,textarea{font-family:inherit}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background:var(--color-bg)}html,*{scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scrollbar-width:thin}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}*::-webkit-scrollbar-track-piece{background:transparent}*::-webkit-scrollbar-thumb{background-color:transparent;border:var(--scrollbar-thumb-inset) solid transparent;border-radius:var(--scrollbar-radius);background-clip:padding-box;box-shadow:inset 0 0 0 var(--scrollbar-size) var(--color-scrollbar-thumb)}*::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--scrollbar-size) var(--color-scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{box-shadow:inset 0 0 0 var(--scrollbar-size) var(--color-scrollbar-thumb-active)}*::-webkit-scrollbar-button{width:0;height:0;background:transparent}*::-webkit-scrollbar-corner{background:transparent}