*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:60px}body{color:#1a1a1a;background:#f5f5f5;min-height:100vh;margin:0;padding:0;line-height:1.6;overflow-x:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--color-text:#1a1a1a;--color-text-secondary:#666;--color-text-translation:#4a5568;--color-background:#fff;--color-background-hover:#f5f5f5;--color-background-section:#fafafa;--color-border:#e2e8f0;--color-accent:#dc2626;--color-accent-light:#ebf8ff;--font-main:inherit;--font-cjk:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--font-size-base:18px;--font-size-small:14px;--font-size-large:22px;--line-height:1.8;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--header-height:60px;--bottom-nav-height:56px;--shadow-popup:0 4px 12px #00000026;--hero-padding-bottom:700px;--hero-card-margin-bottom:-660px;--hero-card-translateY:260px}.page{--font-scale:1;width:100%;max-width:900px;padding:var(--spacing-lg)var(--spacing-xl);padding-top:calc(var(--header-height) + 1em + var(--spacing-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--bottom-nav-height) + 1em + var(--spacing-lg) + env(safe-area-inset-bottom,0px));font-family:inherit;font-size:calc(var(--font-size-base)*var(--font-scale));line-height:var(--line-height);color:var(--color-text);margin:0 auto;position:relative}.reader__controls{align-items:center;gap:var(--spacing-sm);display:flex}.page__toggle-btn{border:1px solid var(--color-border);min-height:44px;color:var(--color-text-secondary);cursor:pointer;background:#f5f5f5;border-radius:4px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:flex}.page__toggle-btn:hover{background:#e5e5e5}.page__toggle-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.page__toggle-btn--active:hover{background:#2563eb}.page__lang-btn{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:4px;justify-content:center;align-items:center;min-height:32px;padding:4px 10px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:flex}.page__lang-btn:hover{background:#dc2626}.page__font-controls{border:1px solid var(--color-border);background:#f5f5f5;border-radius:4px;gap:2px;display:flex;overflow:hidden}.page__font-btn{min-height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:flex}.page__font-btn:hover:not(:disabled){color:var(--color-text);background:#e5e5e5}.page__font-btn:disabled{opacity:.4;cursor:not-allowed}.page__font-btn:focus{outline:none}.page__number-badge{color:#fff;background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 4px #0003}@media (min-width:1200px){.page{max-width:1000px}}@media (min-width:1600px){.page{max-width:1100px}}.page__header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.page__number{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);display:block}.page__title{font-size:var(--font-size-large);font-weight:600;font-family:var(--font-cjk);margin:0}.page__content{gap:var(--spacing-xl);flex-direction:column;display:flex}.lesson-header{margin-bottom:var(--spacing-xl);border-radius:6px;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.lesson-header__badge{padding:var(--spacing-lg)var(--spacing-xl);background:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:120px;display:flex}.lesson-header__number{color:#dc2626;font-size:48px;font-weight:700;line-height:1}.lesson-header__label{color:#dc2626;text-transform:uppercase;margin-top:var(--spacing-xs);font-size:18px;font-weight:600}.lesson-header__banner{padding:var(--spacing-lg)var(--spacing-xl);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);flex:1;align-items:center;display:flex}.lesson-header__content{color:#fff}.lesson-header__pinyin{margin:0 0 var(--spacing-xs)0;opacity:.9;letter-spacing:2px;font-size:16px;font-weight:400}.lesson-header__title{margin:0 0 var(--spacing-sm)0;font-size:36px;font-weight:700;font-family:var(--font-cjk);text-shadow:0 2px 4px #0003}.lesson-header__translation{opacity:.95;margin:0;font-size:18px;font-weight:500}@media (max-width:768px){.lesson-header{flex-direction:column}.lesson-header__badge{justify-content:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);min-width:unset;flex-direction:row}.lesson-header__label{margin-bottom:0}.lesson-header__number{font-size:48px}.lesson-header__banner{padding:var(--spacing-md)var(--spacing-lg)}.lesson-header__title{font-size:28px}.lesson-header__pinyin{font-size:14px}.lesson-header__translation{font-size:16px}}@media (max-width:480px){.lesson-header__badge{padding:var(--spacing-sm)var(--spacing-md)}.lesson-header__number{font-size:36px}.lesson-header__banner{padding:var(--spacing-sm)var(--spacing-md)}.lesson-header__title{font-size:24px}.lesson-header__pinyin{font-size:12px}.lesson-header__translation{font-size:14px}}.section{background:0 0;padding:0}.section__sentences{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-section);border-radius:0 6px 6px;flex-direction:column;display:flex}.section--dialogue .section__sentences{padding:var(--spacing-sm)var(--spacing-md);background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a,0 6px 24px #0000000f}.section--vocabulary .section__header{display:none}.section--vocabulary .section__sentences{padding:var(--spacing-sm)var(--spacing-md);background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a,0 6px 24px #0000000f}.section--vocabulary .sentence{border-bottom:1px solid #0000000f}.section--vocabulary .sentence:last-child{border-bottom:none}.section--vocabulary .sentence__body{display:contents}.section--vocabulary .sentence__text-block{gap:0 var(--spacing-xl);grid-template-columns:40% 1fr;padding:2px 0;display:grid}.section--vocabulary .sentence__text-row{grid-area:1/1;display:inline}.section--vocabulary .sentence__text{font-weight:400}.section--vocabulary .sentence__translation-inline{color:var(--color-text-translation);font-size:calc(var(--font-size-small)*var(--font-scale,1));grid-area:1/2;align-self:start;margin-top:.35em;font-style:normal}.section--grammar .section__sentences{background:#fff;gap:0;padding:0}.section--grammar .sentence{padding:var(--spacing-sm)var(--spacing-md)}.section--grammar .sentence:not([data-numbered=true]):not(:has(.sentence__checkbox)):not(.sentence--indented):not(.sentence--dialogue-grid):not(.sentence--table-only){background:#f0fff4}.section--grammar .sentence:has(.sentence__checkbox)~.sentence{background:0 0!important}.section--grammar .sentence--dialogue-grid{background:0 0!important}.section--grammar .sentence:has(.sentence__checkbox){margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.section--grammar .sentence[data-numbered=true] .sentence__pinyin,.section--grammar .sentence[data-numbered=true] .sentence__translation-inline,.section--exercise .sentence[data-numbered=true] .sentence__pinyin,.section--exercise .sentence[data-numbered=true] .sentence__translation-inline{padding-left:1.8em}.grammar-table{border:2px solid var(--color-border);margin:var(--spacing-md)0;border-radius:6px;width:100%}.grammar-table__row{align-items:center;display:grid}.grammar-table__row+.grammar-table__row{border-top:1px solid var(--color-border)}.grammar-table__row--header{border-bottom:2px solid var(--color-border);background:#fff3e0}.grammar-table__cell{padding:var(--spacing-sm)var(--spacing-xs);font-size:calc(var(--font-size-base)*var(--font-scale,1));text-align:center;white-space:pre-line;min-width:0}.grammar-table__cell+.grammar-table__cell{border-left:1px solid var(--color-border)}.grammar-table__cell--header{padding:var(--spacing-md)var(--spacing-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.grammar-table__cell--vocab{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.grammar-table__cell--vocab-open{background:#fff8e1}.grammar-table__cell-tooltip{color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background:#333;border-radius:4px;padding:4px 10px;font-size:.8rem;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.grammar-table__cell-tooltip:after{content:"";border:5px solid #0000;border-top-color:#333;position:absolute;top:100%;left:50%;transform:translate(-50%)}.grammar-table__cell--phrases{flex-direction:column;align-items:center;gap:4px;padding:6px 8px;display:flex}.grammar-table__cell--italic span{font-style:italic}.grammar-table__phrase{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;padding:2px 4px;position:relative}.grammar-table__phrase--open{background:#fff8e1}.grammar-table__phrase-plain{padding:2px 4px}.grammar-table__cell-label{font-weight:600;font-size:calc(var(--font-size-base)*var(--font-scale,1))}.grammar-table__cell-sub{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-text-secondary)}.sentence--indented{padding-left:calc(var(--spacing-md) + 3em)!important}.sentence--image-only{padding:var(--spacing-sm)0;justify-content:center;display:flex}.sentence__inline-image{border-radius:4px;max-width:100%;height:auto}.sentence--table-only{padding:var(--spacing-sm)var(--spacing-md)}.sentence__table{border-collapse:collapse;width:100%;font-size:.95rem}.sentence__table th,.sentence__table td{text-align:center;border:1px solid #d0d0d0;padding:8px 12px}.sentence__table th{background:#fff;font-weight:600}.sentence__table td{background:#fff}.sentence__table td:empty{background:#fafafa}.sentence--dialogue-grid{padding:var(--spacing-xs)var(--spacing-md);flex-direction:row;display:flex}.sentence--dialogue-start{padding-top:var(--spacing-sm)!important}.sentence--dialogue-reply{padding-top:0!important}.sentence--dialogue-grid>.sentence__number{flex-shrink:0;min-width:2.5em;padding-top:2px;font-weight:400}.sentence--dialogue-grid .sentence__dialogue-content{flex-direction:row;flex:1;align-items:flex-start;display:flex}.sentence--dialogue-grid .sentence__speaker{flex-shrink:0;margin-right:.5em;padding-top:2px;font-weight:700}.sentence--dialogue-grid .sentence__speaker:after{content:"："}.sentence--dialogue-grid .sentence__text-block{flex-direction:column;flex:1;display:flex}.sentence--dialogue-grid .sentence__text{font-weight:400}.sentence--dialogue-grid .sentence__pinyin{color:var(--color-accent);font-style:italic;font-size:calc(var(--font-size-small)*var(--font-scale,1));margin-top:2px}.sentence--dialogue-grid .sentence__translation-inline{color:var(--color-text-translation);font-size:calc(var(--font-size-small)*var(--font-scale,1));margin-top:2px}.section--instruction .section__sentences{background:#faf5ff}.section--objectives{background:0 0;border-radius:0;overflow:visible}.section--objectives .section__header{display:none}.section--objectives .section__content{border-radius:0;padding:0}.section--objectives .section__sentences{background:#fff;border-radius:10px;gap:0;padding:18px;box-shadow:0 2px 8px #0000001a,0 6px 24px #0000000f}.section--objectives .sentence{padding:16px 0;display:block}.section--objectives .sentence__checkbox{display:none}.section--objectives .sentence__body{display:block}.section--objectives .sentence__text{font-size:calc(18px*var(--font-scale,1));color:#1a1a1a;border-left:6px solid #c43a35;padding-left:16px;font-weight:600;line-height:1.55;display:block}.section--objectives .sentence__translation-inline{font-size:calc(14px*var(--font-scale,1));color:#666;margin-top:8px;padding-left:22px;font-style:normal;font-weight:400;line-height:1.55}.section--text .section__header{display:none}.section--text .section__context{margin-bottom:var(--spacing-lg);background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px #0000001a,0 6px 24px #0000000f}.section__audio-btn--inline{vertical-align:middle;margin-left:6px;display:inline-flex}.section--text .section__sentences{padding:var(--spacing-sm)var(--spacing-md);background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a,0 6px 24px #0000000f}.section--tip .section__sentences{background:#fef3c7}.section--exercise .section__sentences{padding:var(--spacing-sm)var(--spacing-md);background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a,0 6px 24px #0000000f}.section--tonguetwister{background:0 0;border-radius:0;overflow:visible}.section--tonguetwister .section__header{display:none}.section--tonguetwister .section__content{border-radius:0;padding:0}.section--tonguetwister .section__sentences{background:#fff;border-radius:10px;gap:0;padding:20px;box-shadow:0 2px 8px #0000001a,0 6px 24px #0000000f}.section--tonguetwister .sentence{padding:8px 0;display:block}.section--tonguetwister .sentence__body,.section--tonguetwister .sentence__text{display:block}.section--matching .section__header{display:none}.section--matching .section__sentences{background:0 0}.matching{padding:var(--spacing-md)}.matching__instruction{margin:0 0 var(--spacing-md)0;font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-text-secondary);font-style:italic}.matching__progress{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.matching__progress-text{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-accent);min-width:3em;font-weight:600}.matching__progress-bar{background:var(--color-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.matching__progress-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s}.matching__images{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:600px){.matching__images{grid-template-columns:repeat(2,1fr)}}.matching__image-card{aspect-ratio:1;border:3px solid var(--color-border);cursor:pointer;background:#fff;border-radius:8px;padding:0;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;position:relative;overflow:hidden}.matching__image-card:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.matching__image-card--selected{border-color:var(--color-accent);box-shadow:0 0 0 3px #3182ce4d}.matching__image-card--matched{opacity:.7;cursor:default;border-color:#16a34a}.matching__image-card--matched:hover{box-shadow:none;transform:none}.matching__image{object-fit:cover;width:100%;height:100%}.matching__check{color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.matching__words{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.matching__word-card{padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-border);cursor:pointer;background:#fff;border-radius:6px;flex-direction:column;align-items:center;min-width:80px;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:flex}.matching__word-card:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-light)}.matching__word-card--matched{opacity:.7;cursor:default;background:#dcfce7;border-color:#16a34a}.matching__word-card--matched:hover{background:#dcfce7}.matching__word-card--wrong{background:#fef2f2;border-color:#dc2626;animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.matching__word-pinyin{font-size:calc(12px*var(--font-scale,1));color:var(--color-accent);font-style:italic}.matching__word-text{font-size:calc(var(--font-size-base)*var(--font-scale,1));font-family:var(--font-cjk);color:var(--color-text);font-weight:500}.matching__complete{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-top:var(--spacing-md);background:#dcfce7;border:2px solid #16a34a;border-radius:6px;animation:.3s fadeIn;display:flex}.matching__complete-icon{font-size:24px}.matching__complete-text{font-size:calc(var(--font-size-base)*var(--font-scale,1));color:#16a34a;font-weight:600}.fillblank{padding:var(--spacing-md)}.fillblank__progress{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.fillblank__progress-text{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-accent);min-width:3em;font-weight:600}.fillblank__progress-bar{background:var(--color-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.fillblank__progress-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s}.fillblank__options{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--color-border);background:#f8fafc;border-radius:6px;flex-wrap:wrap;justify-content:center;display:flex}.fillblank__option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-border);cursor:pointer;opacity:.6;background:#fff;border-radius:6px;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:flex}.fillblank__option--active{opacity:1;cursor:pointer}.fillblank__option--active:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.fillblank__option:disabled{cursor:not-allowed}.fillblank__option-label{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:#dc2626;min-width:1.5em;font-weight:700}.fillblank__option-word{font-size:calc(var(--font-size-base)*var(--font-scale,1));font-family:var(--font-cjk);color:var(--color-text);font-weight:500}.fillblank__sentences{gap:var(--spacing-md);flex-direction:column;display:flex}.fillblank__sentence{gap:var(--spacing-sm);padding:var(--spacing-sm)0;transition:background .2s;display:flex}.fillblank__sentence--correct{padding:var(--spacing-sm);margin:0 calc(-1*var(--spacing-sm));background:#f0fdf4;border-radius:3px}.fillblank__sentence--wrong{animation:.5s shake}.fillblank__sentence-number{font-size:calc(var(--font-size-base)*var(--font-scale,1));color:var(--color-text-secondary);flex-shrink:0;min-width:2.5em}.fillblank__sentence-content{font-size:calc(var(--font-size-base)*var(--font-scale,1));font-family:var(--font-cjk);color:var(--color-text);line-height:2}.fillblank__speaker{color:var(--color-accent);margin-right:var(--spacing-xs);font-weight:600}.fillblank__blank{min-width:4em;padding:2px var(--spacing-sm);border:2px dashed var(--color-border);cursor:pointer;font-family:var(--font-cjk);font-size:calc(var(--font-size-base)*var(--font-scale,1));color:var(--color-text-secondary);vertical-align:middle;background:#f1f5f9;border-radius:3px;justify-content:center;align-items:center;margin:0 2px;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:inline-flex}.fillblank__blank:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-light)}.fillblank__blank--selected{border-color:var(--color-accent);background:var(--color-accent-light);border-style:solid;box-shadow:0 0 0 3px #3182ce33}.fillblank__blank--correct{color:#16a34a;cursor:default;background:#dcfce7;border-style:solid;border-color:#16a34a}.fillblank__blank--wrong{color:#dc2626;background:#fef2f2;border-style:solid;border-color:#dc2626}.fillblank__complete{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-top:var(--spacing-md);background:#dcfce7;border:2px solid #16a34a;border-radius:6px;animation:.3s fadeIn;display:flex}.fillblank__complete-icon{font-size:24px}.fillblank__complete-text{font-size:calc(var(--font-size-base)*var(--font-scale,1));color:#16a34a;font-weight:600}.section--fillblank .section__sentences,.section--multiplechoice .section__sentences{background:0 0}.mc{padding:var(--spacing-md)}.mc__progress{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.mc__progress-text{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-accent);min-width:3em;font-weight:600}.mc__progress-bar{background:var(--color-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.mc__progress-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s}.mc__questions{gap:var(--spacing-xl);flex-direction:column;display:flex}.mc__question{transition:background .2s}.mc__question--correct{padding:var(--spacing-sm);margin:0 calc(-1*var(--spacing-sm));background:#f0fdf4;border-radius:6px}.mc__question--wrong{animation:.5s shake}.mc__sentence{align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:calc(var(--font-size-base)*var(--font-scale,1));font-family:var(--font-cjk);line-height:2;display:flex}.mc__number{color:var(--color-text-secondary);flex-shrink:0}.mc__text{color:var(--color-text)}.mc__blank{min-width:4em;padding:2px var(--spacing-sm);border:2px dashed var(--color-border);text-align:center;font-family:var(--font-cjk);color:var(--color-text-secondary);vertical-align:middle;background:#f1f5f9;border-radius:3px;margin:0 2px;display:inline-block}.mc__blank--correct{color:#16a34a;background:#dcfce7;border-style:solid;border-color:#16a34a}.mc__blank--wrong{color:#dc2626;background:#fef2f2;border-style:solid;border-color:#dc2626}.mc__options{gap:var(--spacing-md);flex-wrap:wrap;padding-left:2.5em;display:flex}.mc__option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-border);cursor:pointer;background:#fff;border-radius:6px;min-width:80px;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:flex}.mc__option:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-light)}.mc__option--correct{background:#dcfce7;border-color:#16a34a}.mc__option--correct:hover{background:#dcfce7}.mc__option--wrong{background:#fef2f2;border-color:#dc2626}.mc__option-label{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:#dc2626;min-width:1.2em;font-weight:700}.mc__option-content{flex-direction:column;align-items:flex-start;display:flex}.mc__option-pinyin{font-size:calc(12px*var(--font-scale,1));color:var(--color-accent);font-style:italic}.mc__option-word{font-size:calc(var(--font-size-base)*var(--font-scale,1));font-family:var(--font-cjk);color:var(--color-text);font-weight:500}.mc__complete{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-top:var(--spacing-md);background:#dcfce7;border:2px solid #16a34a;border-radius:6px;animation:.3s fadeIn;display:flex}.mc__complete-icon{font-size:24px}.mc__complete-text{font-size:calc(var(--font-size-base)*var(--font-scale,1));color:#16a34a;font-weight:600}.section--imagedescribe .section__sentences{background:0 0}.imgdesc{padding:var(--spacing-md)0}.imgdesc__progress{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.imgdesc__progress-text{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-accent);min-width:2.5em;font-weight:600}.imgdesc__progress-bar{background:var(--color-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.imgdesc__progress-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s}.imgdesc__grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}@media (max-width:600px){.imgdesc__grid{grid-template-columns:1fr}}.imgdesc__card{border:2px solid var(--color-border);background:#fff;border-radius:6px;overflow:hidden}.imgdesc__image{aspect-ratio:4/3;background:#f3f4f6;width:100%;overflow:hidden}.imgdesc__image-img{object-fit:cover;width:100%;height:100%}.imgdesc__sentence{padding:var(--spacing-md);font-size:calc(var(--font-size-base)*var(--font-scale,1));flex-wrap:wrap;align-items:center;line-height:2;display:flex}.imgdesc__sentence--dialogue{gap:var(--spacing-xs);grid-template-columns:2.5em auto 1fr;align-items:start;display:grid}.imgdesc__sentence--dialogue .sentence__dialogue-number{color:var(--color-text-primary);text-align:center;font-weight:400}.imgdesc__sentence--dialogue .sentence__speaker{color:var(--color-accent);min-width:3em;font-weight:500}.imgdesc__sentence--dialogue .imgdesc__text-content{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.imgdesc__blank-wrapper{align-items:center;gap:2px;display:inline-flex;position:relative}.imgdesc__blank-wrapper--wrong{animation:.4s ease-in-out imgdesc-shake}@keyframes imgdesc-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.imgdesc__input{border:none;border-bottom:2px solid var(--color-border);font-size:inherit;text-align:center;width:5em;padding:0 var(--spacing-xs);background:0 0;outline:none;font-family:inherit;transition:border-color .2s}.imgdesc__input:focus{border-bottom-color:var(--color-accent)}.imgdesc__input--correct{color:#16a34a;border-bottom-color:#16a34a;font-weight:600}.imgdesc__input--wrong{color:#dc2626;border-bottom-color:#dc2626}.imgdesc__input::placeholder{color:var(--color-text-light);font-weight:400}.imgdesc__check-btn{background:var(--color-accent);color:#fff;width:1.5em;height:1.5em;font-size:calc(var(--font-size-small)*var(--font-scale,1));cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex}.imgdesc__check-btn:hover{background:#2563eb}.imgdesc__complete{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);margin-top:var(--spacing-lg);background:#f0fdf4;border-radius:6px;display:flex}.imgdesc__complete-icon{font-size:1.5em}.imgdesc__complete-text{font-size:calc(var(--font-size-base)*var(--font-scale,1));color:#16a34a;font-weight:600}.section--activity .section__sentences{background:0 0}.tablefill{padding:var(--spacing-md)}.tablefill__table{border:2px solid var(--color-border);margin-top:var(--spacing-lg);border-radius:6px;overflow:hidden}.tablefill__row{grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.tablefill__row--header{border-bottom:2px solid var(--color-border);background:#f0fdf4}.tablefill__cell{padding:var(--spacing-md);text-align:center;background:0 0;border:none;font-family:inherit}.tablefill__cell+.tablefill__cell{border-left:1px solid var(--color-border)}.tablefill__cell--header{flex-direction:column;align-items:center;gap:2px;display:flex}.tablefill__cell-label{font-size:calc(var(--font-size-base)*var(--font-scale,1));font-weight:600}.tablefill__cell-pinyin{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-accent);font-style:italic}.tablefill__cell--input{cursor:pointer;min-height:3em;font-size:calc(var(--font-size-base)*var(--font-scale,1));transition:background .2s,box-shadow .2s}.tablefill__cell--input:hover{background:#f9fafb}.tablefill__cell--selected{box-shadow:inset 0 0 0 2px var(--color-accent);background:#eff6ff}.tablefill__cell--filled{color:#16a34a;font-weight:600}.section--bonus{margin-top:var(--spacing-xl)}.section--bonus .section__header{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-radius:8px 8px 0 0}.section--bonus .section__sentences{background:0 0;padding:0}.bonus__video-wrapper{border:2px solid var(--color-border);background:#1a1a1a;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.bonus__video{object-fit:contain;background:#1a1a1a;width:100%;max-height:400px;display:block}.section__header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-radius:6px 6px 0 0;margin-bottom:0;display:inline-flex;position:relative}.section__heading{font-size:calc(var(--font-size-large)*var(--font-scale,1));color:#fff;font-weight:700;font-family:var(--font-cjk);text-shadow:0 1px 2px #0003;margin:0}.section__heading-sub{font-size:calc(var(--font-size-base)*var(--font-scale,1));color:#ffffffd9;margin-top:2px;font-weight:400;display:block}.section__subheading{font-size:calc(var(--font-size-base)*var(--font-scale,1));color:#ffffffe6;padding-left:var(--spacing-sm);border-left:2px solid #fff6;font-weight:500}.section__header--subheading-only{padding:var(--spacing-sm)0;background:0 0;border-radius:0;margin-bottom:4px}.section__header--subheading-only .section__subheading{color:#1a1a1a;font-weight:600;font-size:calc(var(--font-size-base)*var(--font-scale,1));border-left:none;align-items:center;gap:8px;padding-left:0;display:flex}.section__header--subheading-only .section__subheading:before{content:"▪";color:#dc2626;flex-shrink:0;font-size:1.1em}.section__audio-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.section__audio-btn:hover{background:#2563eb;transform:scale(1.05)}.section__audio-btn:disabled{cursor:wait}.section__audio-btn--playing{background:#16a34a}.section__audio-loading{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page__audio-fab{background:var(--color-accent,#3182ce);color:#fff;cursor:pointer;z-index:80;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s,transform .15s;display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 4px 12px #00000040}.page__audio-fab:hover{transform:scale(1.08)}.page__audio-fab--playing{background:var(--color-accent)}.page__audio-fab:disabled{opacity:.7;cursor:not-allowed}.page__audio-fab-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.section__context{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);font-size:calc(var(--font-size-small)*var(--font-scale,1));background:#00000008;border-radius:3px}.section__context-text{margin:0 0 var(--spacing-xs)0;color:var(--color-text);font-family:var(--font-cjk)}.section__context-pinyin{margin:0 0 var(--spacing-xs)0;color:var(--color-accent);font-style:italic;font-size:calc(var(--font-size-small)*var(--font-scale,1))}.section__context-translation{color:var(--color-text-secondary);margin:0;font-style:italic}.section__instruction-row{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.section__instruction-checkbox{color:var(--color-accent);font-size:calc(var(--font-size-base)*var(--font-scale,1));border:1.5px solid var(--color-accent);text-align:center;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:1.6em;height:1.6em;margin-top:.08em;font-weight:700;line-height:1;display:inline-flex}.section__instruction-row--bullet .section__instruction:before{content:"▪";color:#dc2626;margin-right:6px;font-size:1.1em}.section--exercise .section__instruction-row{padding-left:var(--spacing-md)}.section__instruction{font-size:calc(var(--font-size-base)*var(--font-scale,1));color:var(--color-text-secondary);margin:0;font-style:italic}.section__tip{margin-bottom:var(--spacing-md);background:#fff;border-radius:10px;padding:18px;position:relative;box-shadow:0 2px 8px #0000001a,0 6px 24px #0000000f}.section__tip-label{color:#fff;font-size:calc(12px*var(--font-scale,1));margin-bottom:var(--spacing-xs);background:#f59e0b;border-radius:3px;padding:2px 8px;font-weight:600;display:inline-block}.section__tip-text{margin:var(--spacing-xs)0 0 0;font-size:calc(var(--font-size-base)*var(--font-scale,1));color:var(--color-text);font-family:var(--font-cjk);white-space:pre-line}.section__tip-pinyin{margin:var(--spacing-xs)0 0 0;font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-accent);font-style:italic}.section__tip-translation{margin:var(--spacing-xs)0 0 0;font-size:calc(var(--font-size-base)*var(--font-scale,1));color:var(--color-text-secondary);white-space:pre-line;font-style:italic}.section__tip-grid{gap:2px 0;margin:4px 0;display:inline-grid}.section__tip-grid>span{min-width:7em}.section__tip-vocab{margin-top:var(--spacing-sm)}.section__tip-vocab-header{font-size:calc(var(--font-size-base)*var(--font-scale,1));color:var(--color-text-secondary);padding:6px 0 2px;font-style:italic;font-weight:700}.section__tip-vocab-row{gap:var(--spacing-md);font-size:calc(var(--font-size-base)*var(--font-scale,1));border-bottom:1px solid #0000000f;padding:4px 0;display:flex}.section__tip-vocab-row:last-child{border-bottom:none}.section__tip-vocab-en,.section__tip-vocab-tr{color:var(--color-text-secondary);flex:1;font-style:italic}.section__content,.section__content--with-image{gap:var(--spacing-md);flex-direction:column;display:flex}.section__image{max-width:100%}.section__image-img{border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 2px 8px #0000001a,0 6px 24px #0000000f}.section__image-placeholder{background:#e5e7eb;border:2px dashed #9ca3af;border-radius:10px;width:100%;height:200px}.section__images-grid{gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.section__images-grid-item{border-radius:6px;overflow:hidden}.section__images-grid-img{width:100%;height:auto;display:block}.sentence{gap:var(--spacing-sm);padding:var(--spacing-sm);cursor:pointer;border-radius:3px;grid-template-columns:auto 1fr;align-items:start;transition:background-color .15s,color .15s;display:grid}.sentence:not(:has(.sentence__speaker)){grid-template-columns:1fr}.sentence--active{color:var(--color-accent)}.sentence--has-audio{cursor:pointer}.sentence--playing .sentence__text{color:var(--color-accent)}.sentence__speaker{min-width:3em;color:var(--color-accent);white-space:nowrap;font-weight:600}.sentence__body{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-family:var(--font-cjk);display:inline-flex}.sentence__body:focus{outline:none}.sentence__text{flex:1}.sentence__audio-btn{border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-top:6px;padding:0;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.sentence__audio-btn svg{width:16px;height:16px}.sentence__audio-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.sentence__audio-btn:focus{outline:none}.sentence__audio-btn--playing{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.sentence__audio-btn--loading{opacity:.6;cursor:wait}.sentence__audio-btn:disabled{cursor:not-allowed}.sentence__checkbox{margin-right:var(--spacing-sm);color:#dc2626;vertical-align:middle;font-size:1.2em;display:inline-block}.sentence__grammar-number{color:#fff;width:1.5em;height:1.5em;font-size:calc(var(--font-size-small)*var(--font-scale,1));margin-right:var(--spacing-sm);background:#dc2626;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.15em;font-weight:700;display:inline-flex}.sentence__text-block{flex-direction:column;display:flex}.sentence__text-row{align-items:flex-start;gap:var(--spacing-sm);display:flex}.sentence__text ruby{ruby-position:under;ruby-align:center;margin:0 .1em}.sentence__text rt{font-family:var(--font-pinyin);color:var(--color-accent);padding-top:.3em;font-size:.6em;font-style:normal;font-weight:400}.sentence__text rp{display:none}.sentence__pinyin{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-accent);margin-top:var(--spacing-xs);font-style:italic;font-family:var(--font-pinyin);letter-spacing:.5px;display:block}.sentence__translation-inline{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-text-translation);margin-top:var(--spacing-xs);font-style:italic;display:block}.sentence__translation{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-accent-light);color:var(--color-text-translation);font-size:var(--font-size-small);border-radius:3px;font-family:inherit}@media (max-width:600px){:root{--font-size-base:16px;--font-size-large:20px;--spacing-lg:16px;--spacing-xl:24px;--header-height:52px;--bottom-nav-height:48px}.page{padding:var(--spacing-md);padding-top:calc(var(--header-height) + 1em + var(--spacing-md) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--bottom-nav-height) + 1em + var(--spacing-md) + env(safe-area-inset-bottom,0px))}}.story{max-width:900px;padding:calc(var(--header-height,60px) + 3em + env(safe-area-inset-top,0px))var(--spacing-xl)calc(56px + env(safe-area-inset-bottom,0px));margin:0 auto}.story--with-audio{padding-bottom:calc(168px + env(safe-area-inset-bottom,0px))}@media (max-width:600px){.story{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}.story__paragraph{margin-bottom:0}.story__paragraph--dialogue{flex-direction:column;gap:.5em;display:flex}.story__dialogue-line{cursor:pointer;font-size:1.2em;font-family:var(--font-cjk);align-items:flex-start;line-height:2.8;display:flex}.story__speaker{min-width:2.5em;color:var(--color-accent);flex-shrink:0;font-weight:700}.story__speaker:after{content:"："}.story__dialogue-text{flex:1}.story__dialogue-text ruby{ruby-position:over;ruby-align:center;margin:0 .15em}.story__dialogue-text rt{font-family:var(--font-pinyin);color:var(--color-accent);padding-bottom:.15em}.story__dialogue-line.story__sentence--active .story__dialogue-text,.story__dialogue-line.story__sentence--playing .story__dialogue-text{color:var(--color-accent)}.story__text{font-size:1.2em;font-family:var(--font-cjk);color:var(--color-text);margin:0;line-height:2.8}.story__text ruby{ruby-position:over;ruby-align:center;margin:0 .15em}.story__text rt{font-family:var(--font-pinyin);color:var(--color-accent);-webkit-font-smoothing:antialiased;padding-bottom:.15em;font-size:.55em;font-weight:400}.story__text rp{display:none}.story__sentence{cursor:pointer}.story__sentence--active,.story__sentence--playing{color:var(--color-accent,#4a90e2)}.story__word{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-bottom:1px dotted #0003;border-radius:2px;transition:background .15s}.story__word-hint{text-align:center;color:#92400e;cursor:pointer;background:#fef3c7;padding:8px 16px;font-size:.85rem}.story__word--active{background:#3182ce26}.story__translation-panel{top:calc(var(--header-height,60px) + env(safe-area-inset-top,0px));z-index:99;background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#e0e0e0);padding:var(--spacing-sm)var(--spacing-xl);position:fixed;left:0;right:0;box-shadow:0 2px 8px #0000001f}.story__translation-panel-text{color:var(--color-text-secondary);text-align:center;margin:0;font-size:1.15em;font-style:italic;line-height:1.5}.story__word-hsk{color:var(--color-accent,#3182ce);border:1px solid var(--color-accent,#3182ce);vertical-align:middle;border-radius:3px;margin-left:.5em;padding:.1em .4em;font-size:.75em;font-style:normal;font-weight:600;display:inline-block}.story__play-fab{background:var(--color-accent,#4a90e2);color:#fff;cursor:pointer;z-index:80;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;transition:background-color .2s,transform .15s;display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 4px 12px #00000040}@media (max-width:600px){.story__play-fab{bottom:100px}}.story__play-fab:hover{transform:scale(1.08)}.story__play-fab:active{transform:scale(.95)}.story__play-fab--playing{background:var(--color-primary,#dc2626)}.story__play-fab-icon{margin-left:2px;display:block}.story__play-fab-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.story__audio-bar{bottom:calc(48px + env(safe-area-inset-bottom,0px));z-index:80;-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--color-border,#e0e0e0);background:#fffffff7;padding:12px 24px;position:fixed;left:0;right:0;box-shadow:0 -2px 12px #0000001a}.story__audio-controls{justify-content:center;align-items:center;gap:20px;margin-bottom:8px;display:flex}.story__audio-play{background:var(--color-accent,#4a90e2);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .15s;display:flex}.story__audio-play:active{transform:scale(.92)}.story__audio-skip{border:1px solid var(--color-border,#ddd);width:40px;height:40px;color:var(--color-text,#333);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:background-color .15s;display:flex}.story__audio-skip:active{background:var(--color-border,#eee)}.story__audio-progress-row{align-items:center;gap:8px;display:flex}.story__audio-time{color:var(--color-text-secondary,#888);text-align:center;font-variant-numeric:tabular-nums;min-width:32px;font-size:.75rem}.story__audio-progress{background:var(--color-border,#e0e0e0);cursor:pointer;border-radius:2px;flex:1;height:4px;position:relative}.story__audio-progress-fill{background:var(--color-accent,#4a90e2);border-radius:2px;height:100%;transition:width .1s linear}.dr-hero{text-align:center;z-index:50;background:linear-gradient(#dc2626 0%,#b91c1c 40%,#7f1d1d 100%);flex-direction:column;width:100vw;height:175px;margin-left:calc(50% - 50vw);padding:0;display:flex;position:relative}.dr-hero__watermark{color:#ffffff12;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:160px;font-weight:900;line-height:1;position:absolute;top:46px;right:20px}.dr-hero__top-row{z-index:30;padding-top:17px;padding-bottom:6px;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex;position:absolute;top:0;left:0;right:0}@media (max-width:600px){.dr-hero__top-row{max-width:100%;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.dr-back-btn{color:#fff;cursor:pointer;background:#00000040;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;line-height:1;text-decoration:none;display:flex}.dr-hero__body{min-height:0;padding:0 var(--spacing-xl);flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;padding-bottom:20px;display:flex}.dr-hero .dr-hero__body{margin-top:0}.home__hero .dr-hero__body{text-align:center;width:100%;margin-top:0}.home__hero--lang .home__hero-inner{position:relative}.home__hero--lang .home__hero-top-row{z-index:2;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);position:absolute;top:0;left:0;right:0}.home__hero--lang .dr-hero__body{height:100%;padding-bottom:20px}.dr-hero__level{text-transform:uppercase;letter-spacing:2px;color:#fca5a5;margin-bottom:4px;font-size:10px;font-weight:600}.dr-hero__title{color:#fff;margin:0;font-size:36px;font-weight:300;line-height:1.2}.dr-hero__pinyin{color:#fee2e2;margin-top:2px;font-size:16px;font-weight:300}.dr-hero__translation{color:#fca5a5;margin-top:4px;font-size:12px}.dr-tabs{z-index:40;background:linear-gradient(#b91c1c 0%,#991b1b 100%);width:100vw;margin-left:calc(50% - 50vw);position:sticky;top:0}.dr-tabs__inner{gap:4px;max-width:680px;margin:0 auto;padding:8px 16px 10px;display:flex}.dr-tabs__tab{color:#ffffffa6;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 4px;font-family:inherit;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.dr-tabs__tab--active{color:#fff;background:#00000047;font-weight:700}.dialogue-reader{max-width:900px;padding:0 var(--spacing-xl)var(--spacing-lg);margin:0 auto}.story--dialogue-reader{padding-top:0;padding-bottom:calc(var(--bottom-nav-height) + 1em + var(--spacing-lg) + env(safe-area-inset-bottom,0px))}.dr-panel{max-width:680px;margin:0 auto;padding:14px 10px 40px}.dr-empty{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;font-size:14px;display:flex}.dr-empty__icon{margin-bottom:8px;font-size:40px}.dr-card{background:#fff;border:1px solid #e0e0e6;border-radius:12px;margin-bottom:10px;padding:14px;box-shadow:0 1px 4px #0000000d}.dr-label{text-transform:uppercase;letter-spacing:2px;color:#dc2626;margin-bottom:10px;font-size:10px;font-weight:700}.dr-hint{color:#bbb;text-align:center;margin-top:6px;font-size:10px}.dr-dialog-body{width:fit-content;min-width:300px;max-width:90vw;margin:0 auto;padding:30px 16px 24px}.dr-dialog-body--with-audio{padding-bottom:48px}.dr-lines{flex-direction:column;display:flex}.dr-line{cursor:pointer;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:28px;display:flex}.dr-line-main{align-items:flex-start;gap:10px;display:flex}.dr-line--active .dr-char-zh{color:#dc2626}.dr-line--playing .dr-char-zh{color:#dc2626;opacity:.7}.dr-line-speaker{color:#dc2626;text-align:right;flex-shrink:0;align-self:flex-end;min-width:28px;padding-bottom:2px;font-size:1.06em;font-weight:700}.dr-line-chars{flex-wrap:wrap;align-items:flex-end;display:flex}.dr-char{flex-direction:column;align-items:center;display:inline-flex}.dr-char-py{color:#dc2626;white-space:nowrap;margin-bottom:4px;font-size:.69em;line-height:1.2}.dr-char-py--empty{visibility:hidden}.dr-char--active .dr-char-zh{color:#dc2626;font-weight:700}.dr-char--active .dr-char-py{font-weight:700}.dr-char-zh{color:#1a1a2e;font-size:1.5em;line-height:1.3}.dr-line-tr{color:#888;margin-top:4px;padding-left:38px;font-size:.81em}.dr-word-tooltip{color:#1a1a2e;background:#fff1f2;border-left:3px solid #dc2626;border-radius:6px;margin-top:6px;padding:6px 10px 6px 38px;font-size:13px}.dr-sublabel{color:#888;margin-top:-4px;margin-bottom:10px;font-size:13px}.dr-vocab-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.dr-vocab-item--nohover{cursor:default}.dr-vocab-item{cursor:pointer;background:#f5f5f8;border:1px solid #0000;border-radius:8px;margin-bottom:5px;padding:10px;transition:border-color .15s,background .15s}.dr-vocab-item--open{background:#fff1f2;border-color:#fca5a5}.dr-vocab-row{align-items:baseline;gap:8px;display:flex}.dr-vocab-zh{color:#1a1a2e;font-size:20px;font-weight:500}.dr-vocab-py{color:#dc2626;font-size:14px}.dr-vocab-tr{color:#888;margin-left:auto;font-size:14px}.dr-vocab-example{border-top:1px solid #e0e0e6;margin-top:8px;padding-top:8px}.dr-vocab-example-zh{color:#1a1a2e;font-size:17px}.dr-vocab-example-py{color:#4338ca;margin-top:1px;font-size:13px}.dr-vocab-example-tr{color:#888;margin-top:1px;font-size:13px}.dr-phrases-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dr-phrase-card{text-align:center;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px}.dr-phrase-zh{color:#1a1a2e;margin-bottom:2px;font-size:18px;font-weight:600}.dr-phrase-py{color:#dc2626;margin-bottom:2px;font-size:11px}.dr-phrase-tr{color:#555;font-size:11px}.dr-tod-row{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.dr-tod-item{text-align:center;background:#f5f5f8;border-radius:8px;flex:none;min-width:64px;padding:10px 8px}.dr-tod-icon{margin-bottom:4px;font-size:22px}.dr-tod-zh{color:#1a1a2e;margin-bottom:2px;font-size:16px;font-weight:600}.dr-tod-py{color:#dc2626;margin-bottom:2px;font-size:10px}.dr-tod-tr{color:#555;font-size:10px}.dr-grammar-card{cursor:pointer}.dr-grammar-header{cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;display:flex}.dr-grammar-pattern{color:#dc2626;white-space:nowrap;background:#fee2e2;border-radius:6px;padding:3px 10px;font-size:16px;font-weight:700}.dr-grammar-title{color:#1a1a2e;flex:1;font-size:14px;font-weight:600}.dr-grammar-arrow{color:#ccc;flex-shrink:0;font-size:16px;font-weight:300;transition:transform .2s}.dr-grammar-arrow--open{transform:rotate(180deg)}.dr-grammar-expanded{margin-top:10px}.dr-grammar-formula{text-align:center;letter-spacing:1px;color:#dc2626;background:#fff1f2;border-radius:8px;margin-bottom:8px;padding:10px 8px;font-size:17px;font-weight:600}.dr-grammar-tip{color:#555;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;margin-top:6px;padding:10px;font-size:11px;line-height:1.6}.dr-grammar-desc{color:#555;font-size:14px;line-height:1.7}.dr-grammar-example{background:#f5f5f8;border-left:3px solid #dc2626;border-radius:8px;margin-top:4px;margin-bottom:4px;padding:10px}.dr-quiz-question{border-bottom:1px solid #e0e0e6;margin-bottom:14px;padding-bottom:14px}.dr-quiz-question:last-of-type{border-bottom:none}.dr-quiz-q{color:#1a1a2e;margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.5}.dr-quiz-options{grid-template-columns:1fr 1fr;gap:5px;display:grid}.dr-quiz-option{color:#1a1a2e;cursor:pointer;text-align:center;word-break:break-word;background:#f5f5f8;border:1px solid #e0e0e6;border-radius:8px;padding:9px 6px;font-family:inherit;font-size:13px;line-height:1.4;transition:background .1s,border-color .1s}.dr-quiz-option--selected{background:#fff1f2;border-color:#dc2626}.dr-quiz-option--correct{cursor:default;background:#dcfce7;border-color:#22c55e}.dr-quiz-option--wrong{cursor:default;background:#fee2e2;border-color:#ef4444}.dr-quiz-submit{color:#999;cursor:not-allowed;background:#e0e0e6;border:none;border-radius:8px;width:100%;margin-top:4px;padding:11px;font-family:inherit;font-size:14px;font-weight:600}.dr-quiz-submit--ready{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c)}.dr-quiz-result{text-align:center;background:#f5f5f8;border:1px solid #e0e0e6;border-radius:10px;margin-top:8px;padding:16px}.dr-quiz-result--perfect{background:#dcfce7;border-color:#22c55e}.dr-quiz-result-emoji{margin-bottom:4px;font-size:28px}.dr-quiz-result-score{color:#1a1a2e;font-size:18px;font-weight:700}.dr-quiz-result-msg{color:#888;margin-top:4px;font-size:12px}.dr-quiz-retry{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e0e0e6;border-radius:6px;margin-top:10px;padding:7px 18px;font-family:inherit;font-size:12px}.story__bottom-bar{z-index:90;-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--color-border,#e0e0e0);padding:8px 24px calc(8px + env(safe-area-inset-bottom,0px));background:#f5f5f5f7;position:fixed;bottom:0;left:0;right:0}.story__bottom-bar-inner{justify-content:center;gap:8px;display:flex}.story--focus{min-height:calc(100vh - var(--header-height,60px) - 120px);justify-content:center;align-items:center;display:flex}.story__focus{align-items:center;gap:var(--spacing-md,16px);flex-direction:column;width:100%;display:flex}.story__focus-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:35vh;font-size:1.5em;line-height:3;display:flex}.story__focus-line{flex-direction:row;justify-content:center;align-items:flex-start;display:flex}.story__focus-speaker{color:var(--color-accent);flex-shrink:0;align-self:flex-start;margin-top:.4em;margin-right:.3em;font-size:.75em;font-weight:700}.story__focus-nav{align-items:center;gap:var(--spacing-md,16px);display:flex}.story__focus-nav-btn{color:#333;cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s;display:flex}.story__focus-nav-btn:active:not(:disabled){background:#e0e0e0}.story__focus-nav-btn:disabled{opacity:.25;cursor:default}.story__focus-play-btn{background:var(--color-accent,#4a90e2);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex}.story__focus-play-btn:active{background:#3a7bd5}.story__focus-counter{color:var(--color-text-secondary,#666);text-align:center;font-size:.85em}.story__focus-translation{text-align:center;color:#888;margin-top:0;padding:0 16px;font-size:.95em;line-height:1.5}.dialogue-reader .story__focus-translation{font-size:.75em}.flashcard-page{width:100%;max-width:900px;min-height:100vh;padding:var(--spacing-lg)var(--spacing-xl);padding-top:calc(56px + var(--spacing-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(48px + var(--spacing-lg) + env(safe-area-inset-bottom,0px));margin:0 auto}@media (min-width:1200px){.flashcard-page{max-width:1000px}}@media (min-width:1600px){.flashcard-page{max-width:1100px}}.flashcard-page__logo-header{padding:var(--spacing-md)0}.flashcard-page__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.flashcard-page__back{color:var(--color-accent);font-size:calc(var(--font-size-small)*var(--font-scale,1));flex-shrink:0;text-decoration:none}.flashcard-page__back:hover{text-decoration:underline}.flashcard-page__title{color:var(--color-text);text-align:center;flex:1;margin:0;font-size:1.5rem;font-weight:700}.flashcard-page__controls{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.flashcard-page__toggle{border:2px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:flex}.flashcard-page__toggle--active{border-color:var(--color-accent);color:var(--color-accent);background:#ebf8ff}.flashcard-page__toggle:hover{border-color:var(--color-accent)}.flashcard-page__toggle--dir{white-space:nowrap;width:auto;padding:0 10px;font-size:.75rem}.flashcard__progress{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.flashcard__progress-text{font-size:calc(var(--font-size-small)*var(--font-scale,1));color:var(--color-accent);min-width:3em;font-weight:600}.flashcard__progress-bar{background:var(--color-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.flashcard__progress-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s}.flashcard__card-container{perspective:1000px;margin:0 auto var(--spacing-lg);width:100%;max-width:400px}.flashcard__card{aspect-ratio:3/4;cursor:pointer;width:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.flashcard__card--flipped{transform:rotateY(180deg)}.flashcard__face{backface-visibility:hidden;padding:var(--spacing-xl);border:2px solid var(--color-border);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto;box-shadow:0 4px 16px #00000014}.flashcard__face--front{background:#fff;justify-content:space-between}.flashcard__front-content{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.flashcard__chinese{color:var(--color-text);text-align:center;word-break:break-word;font-size:clamp(2rem,8vw,3rem);font-weight:700;line-height:1.4}.flashcard__audio-btn{border:2px solid var(--color-accent);width:40px;height:40px;color:var(--color-accent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.flashcard__audio-btn:hover,.flashcard__audio-btn--playing{background:var(--color-accent);color:#fff}.flashcard__audio-btn--loading{opacity:.6;cursor:wait}.flashcard__audio-fab{background:var(--color-accent,#4a90e2);color:#fff;cursor:pointer;z-index:80;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;transition:background-color .2s,transform .15s;display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 4px 12px #00000040}.flashcard__audio-fab:hover{transform:scale(1.08)}.flashcard__audio-fab:active{transform:scale(.95)}.flashcard__audio-fab--playing{background:var(--color-primary,#dc2626)}.flashcard__audio-fab--loading{opacity:.6;cursor:wait}.flashcard__audio-fab-icon{margin-left:2px;display:block}.flashcard__audio-fab-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.flashcard__pinyin{color:var(--color-accent);text-align:center;font-size:1.25rem;font-style:italic}.flashcard__tap-hint{font-size:var(--font-size-small);color:var(--color-text-secondary);opacity:.6;padding-bottom:var(--spacing-sm)}.flashcard__face--back{background:#fff;transform:rotateY(180deg)}.flashcard__translation{color:var(--color-text);text-align:center;word-break:break-word;padding:0 var(--spacing-sm);font-size:1.5rem;font-weight:600;line-height:1.15}.flashcard__back-chinese{color:var(--color-text-secondary);margin-top:var(--spacing-md);font-size:1.25rem}.flashcard__back-pinyin{font-size:var(--font-size-small);color:var(--color-accent);margin-top:var(--spacing-xs);font-style:italic}.flashcard__back-translation{color:var(--color-text-secondary);margin-top:var(--spacing-sm);font-size:1rem;font-style:italic}.flashcard__actions{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);justify-content:center;transition:opacity .2s;display:flex}.flashcard__actions--hidden{opacity:0;pointer-events:none}.flashcard__action-btn{max-width:180px;padding:var(--spacing-md)var(--spacing-lg);cursor:pointer;border:2px solid;border-radius:8px;flex:1;font-size:1rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s,opacity .2s}.flashcard__action-btn--know{color:#16a34a;background:#fff;border-color:#16a34a}.flashcard__action-btn--know:hover{color:#16a34a;background:#f0fdf4}.flashcard__action-btn--unknown{color:#dc2626;background:#fff;border-color:#dc2626}.flashcard__action-btn--unknown:hover{color:#dc2626;background:#fef2f2}.flashcard__complete{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;background:#dcfce7;border:2px solid #16a34a;border-radius:8px;flex-direction:column;animation:.3s fadeIn;display:flex}.flashcard__complete-text{color:#16a34a;font-size:1.25rem;font-weight:600}.flashcard__stats{gap:var(--spacing-xl);margin-top:var(--spacing-md);display:flex}.flashcard__stat{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.flashcard__stat-value{font-size:2rem;font-weight:700}.flashcard__stat-value--known{color:#16a34a}.flashcard__stat-value--unknown{color:#dc2626}.flashcard__stat-label{font-size:var(--font-size-small);color:var(--color-text-secondary)}.flashcard__restart-btns{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.flashcard__restart-btn{padding:var(--spacing-sm)var(--spacing-lg);border:2px solid var(--color-accent);color:var(--color-accent);cursor:pointer;font-weight:600;font-size:calc(var(--font-size-small)*var(--font-scale,1));background:#fff;border-radius:6px;transition:background-color .2s,color .2s,border-color .2s,opacity .2s}.flashcard__restart-btn:hover{background:var(--color-accent);color:#fff}@media (max-width:600px){.flashcard-page{padding:var(--spacing-md);padding-top:calc(56px + var(--spacing-md) + env(safe-area-inset-top,0px));padding-bottom:calc(48px + var(--spacing-md) + env(safe-area-inset-bottom,0px))}.flashcard-page__title{font-size:1.2rem}.flashcard__chinese{font-size:clamp(1.8rem,8vw,2.5rem)}.flashcard__card-container{max-width:320px}.flashcard__action-btn{padding:var(--spacing-sm)var(--spacing-md);font-size:.9rem}}.karaoke{min-height:100vh;color:var(--color-text);max-width:900px;padding:0 var(--spacing-xl)var(--spacing-lg);background:#f5f5f5;flex-direction:column;margin:0 auto;display:flex}.karaoke__lyrics{flex-direction:column;flex:1;gap:20px;padding:48px 0 220px;display:flex;overflow-y:auto}.karaoke__line{text-align:center;color:#0003;cursor:pointer;font-size:1.8em;font-weight:500;line-height:2}.karaoke__line--active{color:#0000008c}.karaoke__line--past{color:#0000001f}.karaoke__char{ruby-align:center;margin:0 .08em}.karaoke__rt{font-family:var(--font-pinyin);color:#0000004d;padding-bottom:.15em;font-size:.5em;font-weight:400}.karaoke__rt--hidden{visibility:hidden}.karaoke__line--active .karaoke__rt{color:#00000073}.karaoke__char--sung,.karaoke__char--sung .karaoke__rt{color:#dc2626}.karaoke__char--singing{color:#f59e0b}.karaoke__char--singing .karaoke__rt{color:#dc2626}.karaoke__controls{-webkit-backdrop-filter:blur(12px);padding:12px var(--spacing-xl)calc(16px + env(safe-area-inset-bottom,0px));z-index:91;background:#fffffff7;border-top:1px solid #00000014;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.dialogue-reader .story__bottom-bar{-webkit-backdrop-filter:none;padding:0 0 calc(32px + env(safe-area-inset-bottom,0px));pointer-events:none;background:0 0;border-top:none;justify-content:center;display:flex}.dialogue-reader .story__bottom-bar-inner{pointer-events:auto;white-space:nowrap;background:#fff;border-radius:999px;gap:0;padding:0;display:inline-flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.dialogue-reader .reader__nav-toggle{color:#888;background:0 0;border:none;border-radius:0;min-height:44px;padding:14px 22px;font-size:.85rem}.dialogue-reader .reader__nav-toggle--active{background:var(--color-accent);color:#fff;font-weight:700}.dr-font-controls{z-index:89;box-shadow:none;opacity:.35;background:0 0;border-radius:999px;flex-direction:column;gap:0;padding:6px 4px;transition:opacity .2s;display:flex;position:fixed;top:58%;right:16px;transform:translateY(-50%)}@media (hover:hover){.dr-font-controls:hover{opacity:1;background:#fff;box-shadow:0 4px 16px #00000026}}.dr-font-controls--active{opacity:1;background:#fff;box-shadow:0 4px 16px #00000026}.dr-font-divider{background:0 0;height:1px;margin:2px 6px;transition:background .2s}@media (hover:hover){.dr-font-controls:hover .dr-font-divider{background:#e5e5e5}}.dr-font-controls--active .dr-font-divider{background:#e5e5e5}.dr-font-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:44px;font-size:13px;font-weight:700;display:flex}.karaoke__toggle-row{justify-content:center;gap:8px;margin-bottom:4px;display:flex}.karaoke__toggle{color:#0006;cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:999px;padding:6px 16px;font-family:inherit;font-size:.8rem;font-weight:500}.karaoke__toggle--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:700}.karaoke .story__translation-panel{z-index:40;width:100vw;margin-bottom:-45px;margin-left:calc(50% - 50vw);position:sticky;top:0}.karaoke__progress{cursor:pointer;background:#0000001a;border-radius:2px;width:100%;max-width:500px;height:4px;margin-top:4px;overflow:hidden}.karaoke__progress-bar{background:#dc2626;border-radius:2px;height:100%}.karaoke__time{color:#0006;justify-content:space-between;width:100%;max-width:500px;font-size:.75rem;display:flex}.karaoke__playback-row{justify-content:center;align-items:center;gap:24px;display:flex}.karaoke__skip-btn{color:#0006;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.karaoke__skip-btn:active{color:#000000b3}.karaoke__skip-label{color:inherit;margin-top:1px;font-size:8px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.karaoke__play-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:background .15s,transform .1s;display:flex}.karaoke__play-btn:hover{background:#b91c1c}.karaoke__play-btn:active{transform:scale(.95)}.karaoke__play-btn--loading{opacity:.6;cursor:wait}.karaoke__spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@media (max-width:600px){.karaoke{padding:0 var(--spacing-xl)var(--spacing-lg)}.karaoke__lyrics{gap:16px}.karaoke__line{font-size:1.4em}.karaoke__controls{padding:4px var(--spacing-md)16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (prefers-contrast:high){:root{--color-border:#000;--color-text-secondary:#000}}.page__audio-error{bottom:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);color:#991b1b;font-size:var(--font-size-small);box-shadow:var(--shadow-popup);z-index:1000;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;animation:.2s fadeInToast;position:fixed;left:50%;transform:translate(-50%)}.page__translation-panel{top:calc(var(--header-height,60px) + env(safe-area-inset-top,0px));z-index:99;background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#e0e0e0);padding:var(--spacing-sm)var(--spacing-xl);position:fixed;left:0;right:0;box-shadow:0 2px 8px #0000001f}.page__translation-panel-text{color:var(--color-text-secondary);text-align:center;margin:0;font-size:1.1em;font-style:italic;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInToast{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.home{width:100%;max-width:900px;min-height:100vh;padding:0 var(--spacing-xl)var(--spacing-lg);background:#f5f5f5;margin:0 auto;font-family:inherit;position:relative}@media (min-width:1200px){.home,.home__hero-inner{max-width:1000px}}@media (min-width:1600px){.home,.home__hero-inner{max-width:1100px}}.home__hero{color:#fff;text-align:center;z-index:200;background:linear-gradient(#dc2626 0%,#b91c1c 40%,#7f1d1d 100%);border-radius:0;width:100vw;height:175px;margin-bottom:0;padding:0;position:relative;left:50%;transform:translate(-50%)}.home__hero-inner{max-width:900px;padding:0 var(--spacing-xl)0;text-align:left;flex-direction:column;height:100%;margin:0 auto;display:flex}.home__hero-top-row{justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:6px;display:flex}.home__hero-logo{display:inline-block}.home__menu{z-index:400;position:relative}.home__menu-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex}.home__menu-btn:hover{background:#ffffff4d}.home__menu-dropdown{z-index:300;opacity:0;visibility:hidden;background:#fff;border-radius:8px;min-width:180px;max-width:calc(100vw - 32px);margin-top:4px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 4px 16px #00000026}.home__menu-dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.home__menu-user{background:#f9f9f9;align-items:center;gap:10px;padding:12px 16px;display:flex}.home__menu-user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.home__menu-user-name{color:#333;font-size:.9rem;font-weight:600}.home__menu-divider{background:#e5e5e5;height:1px}.home__menu-section-label{color:#999;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px 4px;font-size:.75rem;font-weight:600}.home__menu-lang-row{gap:6px;padding:6px 16px 10px;display:flex}.home__menu-lang-btn{color:#555;cursor:pointer;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:36px;padding:6px 10px;font-size:.85rem;text-decoration:none;display:flex}.home__menu-lang-btn--active{color:#fff;background:#dc2626;border-color:#dc2626;font-weight:600}.home__menu-trial{color:#666;padding:6px 16px 8px;font-size:.8rem}.home__menu-trial--expired{color:#dc2626;font-weight:600}.home__menu-trial--subscribed{color:#16a34a;font-weight:600}.home__menu-item{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;min-height:44px;padding:12px 16px;font-family:inherit;font-size:.9rem;text-decoration:none;display:block}.home__menu-item:hover{background:#f5f5f5}.home__lang-selectors{gap:clamp(24px,5vw,48px);display:flex}.home__lang-selector{flex-direction:column;align-items:flex-start;display:flex;position:relative}.home__lang-selector-label{color:#ffffffb3;font-size:clamp(.65rem,1.2vw,.75rem);font-weight:500}.home__lang-selector-value{color:#fff;font-size:clamp(.8rem,1.5vw,.95rem);font-weight:700}.home__lang-select-btn{color:#fff;cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px 0;font-family:inherit;font-size:clamp(.8rem,1.5vw,.95rem);font-weight:700}.home__lang-dropdown{z-index:100;white-space:nowrap;background:#fff;border-radius:6px;min-width:0;max-width:calc(100vw - 32px);margin-top:4px;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.home__lang-dropdown-item{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;min-height:44px;padding:12px 16px;font-family:inherit;font-size:.9rem;display:block}.home__lang-dropdown-item:hover{background:#f5f5f5}.home__lang-dropdown-item--active{color:#dc2626;font-weight:600}.home__hero-logo-img{width:auto;height:64px}.home__logo{margin:0 0 var(--spacing-sm)0;justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:2.5rem;font-weight:700;display:flex}.home__logo-icon{font-size:2rem}.home__logo-img{filter:brightness(0)invert();width:auto;height:68px}.home__tagline{margin:0 0 var(--spacing-xs)0;opacity:.95;font-size:1.1rem}.home__user-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:8px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.home__user-btn:hover{background:#ffffff4d}.home__user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.home__user-name{white-space:nowrap}.home__login{margin-top:var(--spacing-md);justify-content:center;display:flex}.home__google-btn{color:#333;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 24px;font-size:.95rem;font-weight:500;transition:box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000026}.home__google-btn:hover{box-shadow:0 4px 12px #00000040}.home__google-icon{flex-shrink:0}.home__subtitle{opacity:.8;margin:0;margin-top:var(--spacing-sm);background:#fff3;border-radius:12px;padding:4px 12px;font-size:.9rem;display:inline-block}.home__content{width:100%;padding-top:var(--spacing-lg)}.home__section-title{margin:0 0 var(--spacing-lg)0;color:var(--color-text);font-size:1.5rem}.dialogues__search{margin-bottom:var(--spacing-md);align-items:center;display:flex;position:relative}.dialogues__search-icon{color:#999;pointer-events:none;position:absolute;left:14px}.dialogues__search-input{color:#333;background:#fff;border:none;border-radius:8px;outline:none;width:100%;padding:12px 40px 12px 42px;font-family:inherit;font-size:.95rem;box-shadow:0 2px 8px #00000014}.dialogues__search-input::placeholder{color:#aaa}.dialogues__search-input:focus{box-shadow:0 2px 12px #0000001f}.dialogues__search-clear{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;right:8px}.dialogues__search-clear:hover{color:#666;background:#f0f0f0}.dialogues__tags{margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:8px;display:flex}.dialogues__tag{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding:6px 14px;font-size:.82rem;display:inline-flex}.dialogues__tag--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.dialogues__empty{text-align:center;color:#999;padding:var(--spacing-xl)0;font-size:.95rem}.dialogue-card{color:inherit;background:#fff;border-radius:8px;padding:16px 20px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.dialogue-card__deco{color:#0000000a;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:4.5rem;font-weight:700;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.dialogue-card__content{align-items:flex-start;gap:12px;display:flex}.dialogue-card__text{flex:1;min-width:0}.dialogue-card__title{color:#333;align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:600;display:flex}.dialogue-card__new{color:#fff;text-transform:uppercase;letter-spacing:.02em;background:#dc2626;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:.65rem;font-weight:600}.dialogue-card__pinyin{color:var(--color-accent);font-size:.85rem;font-family:var(--font-pinyin);margin:2px 0 0}.dialogue-card__translation{color:#888;margin:4px 0 0;font-size:.85rem}.dialogue-card__bookmark{cursor:pointer;color:#ccc;background:0 0;border:none;flex-shrink:0;margin-top:2px;padding:4px}.dialogue-card__bookmark--active{color:var(--color-accent)}.dialogue-card__tag{color:#999;background:#f0f0f0;border-radius:6px;margin-top:8px;padding:2px 10px;font-size:.72rem;display:inline-block}.home__lessons{gap:var(--spacing-md);flex-direction:column;display:flex}.lesson-card{background:#fff;border-radius:8px;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;overflow:hidden;box-shadow:0 2px 8px #00000014}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.lesson-card__header{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex}.lesson-card__number{color:#fff;background:#dc2626;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.lesson-card__title-group{flex:1;min-width:0}.lesson-card__title{font-size:1.25rem;font-weight:600;font-family:var(--font-cjk);color:var(--color-text);margin:0}.lesson-card__pinyin{color:var(--color-accent);margin:2px 0 0;font-size:.9rem;font-style:italic}.lesson-card__translation{color:var(--color-text-secondary);margin:4px 0 0;font-size:.85rem}.lesson-card__pages{gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-background-section);flex-wrap:wrap;display:flex}.lesson-card__page-link{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);background:#fff;border-radius:6px;flex-direction:column;align-items:center;min-width:64px;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:flex}.lesson-card__page-link:hover{background:var(--color-accent-light);border-color:var(--color-accent);transform:translateY(-1px)}.lesson-card__page-link--done{background:#f0fdf4;border-color:#22c55e}.lesson-card__check{color:#22c55e;font-size:.75rem;font-weight:700;line-height:1}.lesson-card__page-num{color:var(--color-accent);font-size:1.1rem;font-weight:400}.lesson-card__page-label{color:var(--color-text-secondary);text-transform:lowercase;font-size:.7rem}.home__flashcards-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);margin-top:var(--spacing-lg);color:#fff;background:linear-gradient(135deg,#3182ce 0%,#2563eb 100%);border-radius:8px;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:flex;box-shadow:0 2px 8px #3182ce4d}.home__flashcards-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3182ce66}.home__flashcards-icon{flex-shrink:0;font-size:1.75rem}.home__flashcards-text{flex-direction:column;flex:1;display:flex}.home__flashcards-title{font-size:1.1rem;font-weight:600}.home__flashcards-desc{opacity:.9;margin-top:2px;font-size:.85rem}.home__flashcards-arrow{flex-shrink:0;font-size:1.25rem;transition:transform .15s}.home__flashcards-link:hover .home__flashcards-arrow{transform:translate(4px)}.home__stats{justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex}.home__stat{flex-direction:column;align-items:center;gap:4px;display:flex}.home__stat-value{color:var(--color-accent);font-size:1.75rem;font-weight:700}.home__stat-label{color:var(--color-text-secondary);font-size:.85rem}.home__empty{max-width:400px;margin:var(--spacing-xl)auto;padding:var(--spacing-xl);text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.home__empty-icon{margin-bottom:var(--spacing-md);font-size:3rem}.home__empty code{background:var(--color-border);border-radius:3px;padding:.2em .4em;font-size:.9em}.home__footer{text-align:center;padding:var(--spacing-sm)var(--spacing-lg);padding-bottom:calc(80px + var(--spacing-sm) + env(safe-area-inset-bottom,0px));color:var(--color-text-secondary);font-size:.85rem}.home__footer p{margin:0}.home__footer-nav{flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-bottom:8px;display:flex}.home__footer-nav-link{color:#888;font-size:.82rem;text-decoration:none}.home__footer-nav-link:hover{color:#555;text-decoration:underline}.home__back-link{color:#fffc;font-size:.9rem;text-decoration:none;transition:color .15s}.home__back-link:hover{color:#fff}.home__hero-top{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.home__lang-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:600;transition:background .15s}.home__lang-btn:hover{background:#ffffff4d}.home__languages{gap:var(--spacing-xl);flex-direction:column;display:flex}.language-group{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.language-group__header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-background-section);border-bottom:1px solid var(--color-border);display:flex}.language-group__flag{font-size:2rem}.language-group__title{flex-direction:column;display:flex}.language-group__name{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:600}.language-group__original{color:var(--color-text-secondary);font-size:.9rem}.language-group__books{flex-direction:column;display:flex}.book-card{padding:var(--spacing-md)var(--spacing-lg);color:inherit;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;text-decoration:none;transition:background .15s;display:flex}.book-card:last-child{border-bottom:none}.book-card:hover{background:var(--color-background-hover)}.book-card__content{flex:1}.book-card__title{color:var(--color-accent);margin:0 0 4px;font-size:1.1rem;font-weight:600}.book-card__subtitle{color:var(--color-text);margin:0 0 4px;font-size:.9rem;font-weight:500}.book-card__description{color:var(--color-text-secondary);margin:0;font-size:.85rem}.book-card__arrow{color:var(--color-text-secondary);font-size:1.25rem;transition:transform .15s,color .15s}.book-card:hover .book-card__arrow{color:var(--color-accent);transform:translate(4px)}.language-group--link{color:inherit;cursor:pointer;padding:var(--spacing-md)var(--spacing-lg);justify-content:space-between;align-items:center;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:flex}.language-group--link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.language-group--link .language-group__header{background:0 0;border-bottom:none;padding:0}.language-group__arrow{color:var(--color-text-secondary);flex-shrink:0;font-size:1.25rem;transition:transform .15s,color .15s}.language-group--link:hover .language-group__arrow{color:var(--color-accent);transform:translate(4px)}.lang-page__tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:1;border-bottom:none;justify-content:flex-start;gap:4px;margin-top:auto;margin-bottom:0;display:flex;position:relative;overflow-x:auto}.lang-page__tabs::-webkit-scrollbar{display:none}.lang-page__tab{color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#ffffff59;border:none;border-radius:3px 3px 0 0;outline:none;flex-shrink:0;align-items:center;gap:6px;padding:clamp(7px,1.4vw,10px) clamp(10px,2vw,18px);font-family:inherit;font-size:clamp(14px,1.5vw,15px);font-weight:500;text-decoration:none;display:flex}.lang-page__tab--active{color:#dc2626;background:#f5f5f5;margin-bottom:-2px;text-decoration:none}.lang-page__tab--disabled{opacity:.5;cursor:default}.lang-page__tab-icon{font-size:1rem}.lang-page__books{grid-template-columns:repeat(auto-fill,minmax(clamp(140px,25vw,220px),1fr));gap:clamp(8px,1.5vw,16px);display:grid}.lang-page__book-card{color:inherit;background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:clamp(16px,3vw,32px) clamp(12px,2.5vw,24px);text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:flex;position:relative;box-shadow:0 2px 8px #00000014}.lang-page__book-card:hover:not(.lang-page__book-card--disabled){transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.lang-page__book-card--disabled{opacity:.5;cursor:default}.lang-page__book-level{color:#dc2626;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1}.lang-page__book-level-label{color:inherit;font-size:1em;font-weight:700}.lang-page__book-card--disabled .lang-page__book-level{color:var(--color-text-secondary)}.lang-page__book-title{margin-top:var(--spacing-sm);color:var(--color-text);font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:600}.lang-page__book-pinyin{color:var(--color-accent);font-size:clamp(.75rem,1.5vw,.9rem);font-style:italic}.lang-page__book-subtitle{color:var(--color-text-secondary);margin-top:var(--spacing-xs);font-size:clamp(.7rem,1.4vw,.85rem)}.lang-page__coming-soon{top:var(--spacing-sm);right:var(--spacing-sm);color:#fff;background:#f59e0b;border-radius:3px;padding:2px 10px;font-size:.75rem;font-weight:600;position:absolute}.lang-page__placeholder{padding:calc(var(--spacing-xl)*2);min-height:200px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.lang-page__placeholder-icon{margin-bottom:var(--spacing-md);font-size:3rem}.lang-page__placeholder-text{margin:0;font-size:1.1rem;font-style:italic}.lp__tabs{z-index:20;background:linear-gradient(#b91c1c 0%,#991b1b 100%);width:100vw;margin-left:calc(50% - 50vw);position:sticky;top:0}.lp__tabs-inner{gap:4px;max-width:900px;margin:0 auto;padding:8px 16px 10px;display:flex}.lp__tab{color:#ffffffa6;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 4px;font-family:inherit;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.lp__tab--active{color:#fff;background:#00000047;font-weight:700}.lp__hero-watermark{color:#ffffff12;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:160px;font-weight:900;line-height:1;position:absolute;top:46px;right:20px}.lp__hsk-pills{flex-wrap:wrap;flex:1;gap:6px;display:flex}.lp__hsk-pill{color:#999;cursor:default;white-space:nowrap;text-align:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;flex:1;padding:6px 12px;font-family:inherit;font-size:.82rem;font-weight:500}.lp__hsk-pill--active{color:#fff;background:#dc2626;border-color:#dc2626;font-weight:700}.lp__hsk-pill--disabled{opacity:.5}.lp__hsk-pills--grid{flex:unset;grid-template-columns:repeat(3,1fr);width:100%;display:grid}.lp__seg-bar--col{flex-direction:column;align-items:stretch}.lp__hsk-pill--full{flex:unset;width:100%}.lp__seg-bar{padding:8px var(--spacing-xl);z-index:10;margin-left:calc(-1*var(--spacing-xl));margin-right:calc(-1*var(--spacing-xl));background:#f5f5f5;align-items:center;gap:10px;display:flex;position:sticky;top:0}.lp__seg-track{background:#e0e0e0;border-radius:10px;flex:1;gap:2px;padding:3px;display:flex}.lp__seg-dropdown{flex:1;position:relative}.lp__seg-dropdown-btn{color:#111;cursor:default;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;align-items:center;gap:6px;width:100%;padding:7px 14px;font-family:inherit;font-size:.85rem;font-weight:700;display:flex}.lp__seg-dropdown-menu{z-index:100;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001a}.lp__seg-dropdown-item{color:#111;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;font-weight:500;display:flex}.lp__seg-dropdown-item--active{color:#dc2626;background:#fef2f2;font-weight:700}.lp__seg-dropdown-item--disabled{color:#bbb}.lp__seg-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 4px;font-family:inherit;font-size:.82rem;font-weight:500;line-height:1;transition:background .15s,box-shadow .15s,color .15s}.lp__seg-btn--active{color:#111;background:#fff;font-weight:700;box-shadow:0 1px 4px #00000024}.lp__seg-btn--disabled{color:#888;cursor:default;flex-direction:column;align-items:center;gap:1px;display:flex}.lp__seg-soon{color:#888;text-transform:lowercase;font-size:.6rem;font-weight:500;line-height:1}.lp__seg-count{color:#999;white-space:nowrap;text-align:right;flex-shrink:0;min-width:28px;font-size:.72rem}.lp__list{flex-direction:column;gap:6px;padding:12px 0 32px;display:flex}.lp__card{color:inherit;background:#fff;border:1px solid #e8e8ed;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.lp__card-deco{color:#0000000a;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:4.5rem;font-weight:700;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lp__card:hover{box-shadow:0 4px 14px #0000001f}.lp__card-main{flex:1;min-width:0}.lp__card-title{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden}.lp__card-pinyin{color:var(--color-accent);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.78rem;overflow:hidden}.lp__card-sub{color:#888;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.78rem;overflow:hidden}.lp__card-arrow{color:#ccc;flex-shrink:0;font-size:1.2rem}.grammar-card{color:inherit;background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 20px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.grammar-card__bg{color:#0000000d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:6rem;font-weight:700;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.grammar-card__top{align-items:center;gap:12px;margin-bottom:6px;display:flex}.grammar-card__icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;font-weight:700;display:flex;overflow:hidden}.grammar-card__title{color:#333;flex:1;margin:0;font-size:1.1rem;font-weight:700}.grammar-card__badge{color:#b45309;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:.68rem;font-weight:700}.grammar-card__translation{color:#888;margin:0;font-size:.88rem}.grammar-page{max-width:900px;min-height:100vh;padding:0 var(--spacing-xl)var(--spacing-lg);background:#f5f5f5;margin:0 auto}.grammar-page__hero{z-index:50;background:linear-gradient(#dc2626 0%,#b91c1c 40%,#7f1d1d 100%);width:100vw;min-height:165px;margin-left:calc(50% - 50vw);padding:0 0 24px;position:relative}.grammar-page__hero-body{text-align:center;margin-top:-22px;padding:0 16px}.grammar-page__hero-bg{color:#ffffff12;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:140px;font-weight:900;line-height:1;position:absolute;top:-20px;right:-10px}.grammar-page__hero-label{text-transform:uppercase;letter-spacing:2px;color:#fca5a5;margin-bottom:6px;font-size:10px;font-weight:600}.grammar-page__hero-char{color:#fff;font-size:36px;font-weight:300;line-height:1.2}.grammar-page__hero-pinyin{color:#fee2e2;margin-top:2px;font-size:16px;font-weight:300}.grammar-page__hero-meaning{color:#fca5a5;margin-top:4px;font-size:12px}.grammar-page__tabs{z-index:40;background:linear-gradient(#b91c1c 0%,#991b1b 100%);gap:4px;width:100vw;margin-left:calc(50% - 50vw);padding:8px 16px 10px;display:flex;position:sticky;top:0}.grammar-page__tab{color:#ffffffa6;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 4px;font-family:inherit;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.grammar-page__tab--active{color:#fff;background:#00000047;font-weight:700}.grammar-page__content{padding:16px 0 40px}.grammar-page__hero--green{background:linear-gradient(#059669 0%,#047857 40%,#065f46 100%)}.grammar-page__tabs--green{background:#065f46}.grammar-block__label--green{color:#059669}.grammar-block__big-char--green{background:linear-gradient(135deg,#059669,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grammar-block__highlight--green{color:#059669;font-weight:700}.grammar-block{background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 20px;box-shadow:0 2px 8px #00000014}.grammar-block--tip{border-left:3px solid #dc2626}.grammar-block--warning{border-left:3px solid #ea580c}.grammar-block__label{text-transform:uppercase;letter-spacing:2px;color:#dc2626;margin-bottom:12px;font-size:10px;font-weight:700}.grammar-block__char-row{align-items:center;gap:16px;display:flex}.grammar-block__big-char{background:linear-gradient(135deg,#dc2626,#f87171);-webkit-text-fill-color:transparent;-webkit-background-clip:text;flex-shrink:0;font-size:64px;font-weight:300;line-height:1}.grammar-block__char-info{flex:1}.grammar-block__info-row{gap:8px;margin-bottom:4px;font-size:12px;display:flex}.grammar-block__info-key{color:#999;min-width:60px}.grammar-block__info-val{color:#1a1a2e;font-weight:600}.grammar-block__tone{color:#b45309;font-size:12px;font-weight:600}.grammar-block__tip-text{color:#555;margin:0 0 10px;font-size:13px;line-height:1.7}.grammar-block__example-center{text-align:center;color:#1a1a2e;margin:8px 0;font-size:20px}.grammar-block__highlight{color:#dc2626;font-weight:700}.grammar-block__tip-note{color:#888;text-align:center;margin:0;font-size:12px}.grammar-block__formula{text-align:center;letter-spacing:4px;background:#f5f5f8;border-radius:8px;padding:14px 10px;font-size:24px}.grammar-block__formula-a{color:#3b82f6;font-weight:700}.grammar-block__formula-b{color:#16a34a;font-weight:700}.grammar-block__formula-verb{color:#dc2626;font-weight:700}.grammar-block__formula-neg{color:#ea580c;font-weight:700}.grammar-block__formula-ma{color:#b45309;font-weight:700}.grammar-block__formula-desc{text-align:center;color:#888;margin:8px 0 0;font-size:12px}.grammar-block__usage-item{background:#f5f5f8;border-radius:8px;margin-bottom:6px;padding:10px 12px}.grammar-block__usage-item--tap{border:none;transition:background .15s}.grammar-block__usage-item--tap:active{background:#eef2ff}.grammar-block__usage-type{color:#dc2626;margin-bottom:4px;font-size:11px;font-weight:600}.grammar-block__usage-zh{color:#1a1a2e;font-size:17px}.grammar-block__usage-py{color:#b45309;margin-top:2px;font-size:12px}.grammar-block__usage-tr{color:#888;margin-top:2px;font-size:12px}.grammar-block__usage-note{color:#0369a1;border-top:1px solid #e5e7eb;margin-top:6px;padding-top:6px;font-size:11px}.grammar-block__example{text-align:left;cursor:pointer;background:#f5f5f8;border:1px solid #0000;border-radius:8px;width:100%;margin-bottom:6px;padding:10px 12px;font-family:inherit;display:block}.grammar-block__example--open{background:#eff6ff;border-color:#93c5fd}.grammar-block__example-zh{color:#1a1a2e;font-size:17px}.grammar-block__example-py{color:#b45309;margin-top:2px;font-size:12px}.grammar-block__example-tr{color:#888;margin-top:2px;font-size:12px}.grammar-block__example-note{color:#0369a1;border-top:1px solid #dbeafe;margin-top:8px;padding-top:8px;font-size:11px;line-height:1.6}.grammar-block__hint{color:#bbb;text-align:center;margin:6px 0 0;font-size:11px}.grammar-block__tone-change{text-align:center;color:#1a1a2e;margin:8px 0 0;font-size:18px}.grammar-block__tone-new{color:#ea580c;font-weight:700}.grammar-quiz__question{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:16px}.grammar-quiz__question:last-of-type{border-bottom:none}.grammar-quiz__q{color:#1a1a2e;margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.5}.grammar-quiz__options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.grammar-quiz__option{color:#1a1a2e;cursor:pointer;text-align:center;word-break:break-word;background:#f5f5f8;border:1px solid #e0e0e6;border-radius:8px;padding:10px 8px;font-family:inherit;font-size:13px;line-height:1.4}.grammar-quiz__option--selected{background:#eff6ff;border-color:#3b82f6}.grammar-quiz__option--correct{background:#dcfce7;border-color:#22c55e}.grammar-quiz__option--wrong{background:#fee2e2;border-color:#ef4444}.grammar-quiz__submit{color:#999;cursor:not-allowed;background:#e0e0e6;border:none;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-family:inherit;font-size:14px;font-weight:600}.grammar-quiz__submit--ready{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c)}.grammar-quiz__result{text-align:center;background:#f5f5f8;border:1px solid #e0e0e6;border-radius:10px;margin-top:8px;padding:20px}.grammar-quiz__result--perfect{background:#dcfce7;border-color:#22c55e}.grammar-quiz__result-emoji{margin-bottom:6px;font-size:32px}.grammar-quiz__result-score{color:#1a1a2e;font-size:20px;font-weight:700}.grammar-quiz__result-msg{color:#888;margin-top:4px;font-size:13px}.grammar-quiz__retry{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e0e0e6;border-radius:6px;margin-top:12px;padding:8px 20px;font-family:inherit;font-size:13px}@media (max-width:600px){.lang-page__books{grid-template-columns:1fr}.home{padding:0 var(--spacing-xl)var(--spacing-lg)}.home__hero-inner{padding:0 var(--spacing-xl)0;max-width:100%}.home__hero-top-row{margin-bottom:0}.home__lang-selectors{gap:16px}.home__hero-logo-img{height:52px}.home__lang-selector-label{font-size:.85rem}.lang-page__tabs{gap:3px}.lang-page__tab{flex:1;justify-content:center;min-height:36px;padding-left:0;padding-right:0;font-size:1rem}.lang-page__book-card{border-radius:6px}}@media (max-width:480px){.home__hero{padding:0}.home__logo{font-size:2rem}.home__logo-img{height:34px}.home__content{padding:var(--spacing-lg)0}.lesson-card__header{padding:var(--spacing-md)}.lesson-card__number{width:32px;height:32px;font-size:1rem}.lesson-card__title{font-size:1.1rem}.lesson-card__pages{padding:var(--spacing-sm)var(--spacing-md)}.lesson-card__page-link{padding:var(--spacing-xs)var(--spacing-sm);min-width:52px}.home__stats{gap:var(--spacing-lg)}.lang-page__tab-icon{font-size:.85rem}.lang-page__books{grid-template-columns:1fr}.lang-page__book-card{padding:var(--spacing-lg)var(--spacing-md)}.lang-page__book-level{font-size:2rem}}.reader{flex-direction:column;min-height:100vh;display:flex}.reader__header{height:calc(var(--header-height) + env(safe-area-inset-top,0px));border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(8px);padding-top:env(safe-area-inset-top,0px);background:#f5f5f5f7;font-family:inherit;position:fixed;top:0;left:0;right:0}.reader__header-inner{height:var(--header-height);max-width:900px;padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (min-width:1200px){.reader__header-inner{max-width:1000px}}@media (min-width:1600px){.reader__header-inner{max-width:1100px}}.reader__header *{font-family:inherit}.reader__header .home__menu-btn{background:#0000000f}.reader__header .home__menu-btn svg{fill:#333}.reader__header .home__menu-btn:hover{background:#0000001f}.reader__home{color:var(--color-text);align-items:center;font-weight:600;text-decoration:none;display:flex}.reader__home-logo{width:auto;height:64px}.reader__home:hover{opacity:.7}.reader__page-nav{align-items:center;gap:var(--spacing-md);display:flex}.reader__location{font-size:var(--font-size-small);color:var(--color-text-secondary)}.reader__nav-toggles{gap:8px;display:flex}.reader__nav-toggle{min-height:32px;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:3px;padding:4px 12px;font-size:.85rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s,opacity .15s}.reader__nav-toggle--active{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.reader__nav-btn{padding:var(--spacing-sm).75rem;min-height:44px;font-size:var(--font-size-small);color:var(--color-accent);border:1px solid var(--color-border);border-radius:3px;align-items:center;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:flex}.reader__nav-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent)}.reader__nav-btn--disabled{color:#ccc;cursor:not-allowed}.reader__nav-btn--disabled:hover{border-color:var(--color-border);background:0 0}.reader__bottom-nav{height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom,0px);background:#f5f5f5f7;font-family:inherit;position:fixed;bottom:0;left:0;right:0}.reader__bottom-nav-inner{height:var(--bottom-nav-height);max-width:900px;padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (min-width:1200px){.reader__bottom-nav-inner{max-width:1000px}}@media (min-width:1600px){.reader__bottom-nav-inner{max-width:1100px}}.reader__bottom-nav .reader__location{text-align:center;flex:1}@media (max-width:600px){.reader__header-inner{height:var(--header-height);gap:var(--spacing-sm);padding:0 var(--spacing-md)}.reader__home{font-size:15px}.reader__controls{gap:6px}.reader__bottom-nav-inner{height:var(--bottom-nav-height);padding:0 var(--spacing-md)}.reader__bottom-nav .reader__nav-btn{padding:6px 10px;font-size:13px}.reader__bottom-nav .reader__location{font-size:12px}}.not-found{max-width:720px;padding:4rem var(--spacing-xl);text-align:center;margin:0 auto;font-family:inherit}.not-found h1{margin:0 0 var(--spacing-md)0;color:var(--color-text)}.not-found p{margin:0 0 var(--spacing-xl)0;color:var(--color-text-secondary)}.not-found a{background:var(--color-accent);color:#fff;border-radius:4px;padding:.75rem 1.5rem;text-decoration:none;transition:background .15s;display:inline-block}.not-found a:hover{background:#2c5282}.guided{--font-scale:1;width:100%;max-width:900px;padding:var(--spacing-lg)var(--spacing-xl);padding-top:calc(var(--header-height) + var(--spacing-md) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));font-family:inherit;font-size:calc(var(--font-size-base)*var(--font-scale));line-height:var(--line-height);color:var(--color-text);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative}.guided__progress-bar{background:var(--color-border);width:100%;height:4px;margin-bottom:var(--spacing-sm);border-radius:2px;overflow:hidden}.guided__progress-fill{background:var(--color-accent);border-radius:2px;height:100%;transition:width .3s}.guided__step-dots{margin-bottom:var(--spacing-lg);justify-content:center;gap:8px;display:flex}.guided__dot{border:2px solid var(--color-border);cursor:pointer;background:0 0;border-radius:50%;width:10px;height:10px;padding:0;transition:background-color .2s,color .2s,border-color .2s,opacity .2s}.guided__dot:hover{border-color:var(--color-accent)}.guided__dot--active{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.2)}.guided__dot--done{background:var(--color-accent);border-color:var(--color-accent);opacity:.5}.guided__step-header{align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.guided__step-number{color:var(--color-accent);flex-shrink:0;min-width:1.2em;font-size:2.5em;font-weight:800;line-height:1}.guided__step-instruction{color:var(--color-text-secondary);font-size:1.15em;font-weight:500;line-height:1.4}.guided__step-layout{margin-bottom:var(--spacing-xl);flex:1}.guided__step-layout--with-image{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.guided__step-main{min-width:0}.guided__step-image{border-radius:8px;overflow:hidden}.guided__step-image img{object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}.guided__step-content{padding:var(--spacing-md);border-radius:6px}.guided__step-content .section__header{display:none}.guided__step-content--dialogue{border:1.5px solid var(--color-border);background:#fff}.guided__step-content--dialogue .section__context{padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-style:italic}.guided__step-content--grammar{border-left:4px solid var(--color-accent);background:#eef4fd}.guided__step-content--vocab{background:#f0faf0;border-left:4px solid #38a169}.guided__step-content--exercise{background:#fefce8;border:1.5px solid #eab308;border-radius:8px;position:relative}.guided__step-content--objectives{background:#f7f6f3;border-left:none;border-radius:10px;padding:0;overflow:hidden}.guided__step-main:has(.guided__step-content--objectives) .guided__step-header{display:none}.guided__step-content--objectives .section__header{align-items:center;gap:var(--spacing-md);background:linear-gradient(135deg,#c43a35 0%,#b7332e 100%);border-radius:0 0 8px;margin-bottom:0;padding:12px 24px;display:inline-flex!important}.guided__step-content--objectives .section__heading{letter-spacing:.05em;font-size:1.6em;font-weight:700}.guided__step-content--objectives .section__subheading{border-left:2px solid #ffffff80;font-size:1.1em;font-weight:500}.guided__step-content--objectives .section__sentences{background:0 0;gap:16px;padding:16px}.guided__step-content--objectives .sentence{background:#fff;border-left:4px solid #c43a35;border-radius:10px;padding:18px 18px 18px 22px;display:block;box-shadow:0 1px 4px #0000000f,0 2px 12px #00000008}.guided__step-content--objectives .sentence__checkbox{display:none}.guided__step-content--objectives .sentence__text{font-size:calc(18px*var(--font-scale,1));color:#1a1a1a;font-weight:600;line-height:1.55;display:block}.guided__step-content--objectives .sentence__translation-inline{font-size:calc(14px*var(--font-scale,1));color:#666;margin-top:8px;padding-left:0;font-style:normal;font-weight:400;line-height:1.55}.guided__step-content--objectives .section__content{border-radius:0;padding:0}.guided__step-content--objectives .sentence__body{display:block}.guided__step-content--tip{background:#fff7ed;border-left:4px solid #dd6b20}.guided__nav{padding:var(--spacing-md)0;border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.guided__step-counter{font-size:var(--font-size-small);color:var(--color-text-secondary);font-weight:500}.guided__nav-btn{align-items:center;gap:var(--spacing-xs);cursor:pointer;border:none;border-radius:6px;padding:.6em 1.2em;font-size:.95em;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.guided__nav-btn--primary{background:var(--color-accent);color:#fff}.guided__nav-btn--primary:hover{background:#2c5282}.guided__nav-btn--secondary{color:var(--color-accent);border:1.5px solid var(--color-border);background:0 0}.guided__nav-btn--secondary:hover{border-color:var(--color-accent);background:var(--color-accent-light)}@media (max-width:768px){.guided{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.guided__step-number{font-size:2em}.guided__nav-btn{padding:.5em .8em;font-size:.85em}.guided__step-layout--with-image{grid-template-columns:1fr}.guided__step-image{order:-1;max-height:250px}.guided__step-image img{object-fit:cover;max-height:250px}}@media (min-width:1200px){.guided{max-width:1000px}}@media (min-width:1600px){.guided{max-width:1100px}}.landing{flex-direction:column;min-height:100vh;display:flex}.landing__nav{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.landing__nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:18px 32px;display:flex}.landing__nav-logo{align-items:center;display:flex}.landing__nav-logo-img{width:auto;height:56px}.landing__nav-links{align-items:center;gap:32px;display:flex}.landing__nav-link{color:#4b5563;border-bottom:2px solid #0000;padding:4px 0;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.landing__nav-link:hover{color:#1a1a1a;border-bottom-color:var(--color-accent)}.landing__nav-right{align-items:center;gap:12px;display:flex}.landing__lang-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600}.landing__login-btn{border:2px solid var(--color-accent);color:var(--color-accent);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:1.1rem;font-weight:600;transition:background .15s,color .15s;display:flex}.landing__login-btn:hover{background:var(--color-accent);color:#fff}.landing__hamburger{cursor:pointer;color:#1a1a1a;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:6px;font-size:1.4rem;display:none}.landing__hamburger span{background:#1a1a1a;border-radius:1px;width:100%;height:2px;display:block}.landing__mobile-menu{background:#f8f7f4;border-top:1px solid #e5e7eb;padding:12px 24px;display:none}.landing__mobile-link{color:#1a1a1a;border-bottom:1px solid #e5e7eb;padding:16px 8px;font-size:1.15rem;font-weight:600;text-decoration:none;display:block}.landing__mobile-link:last-child{border-bottom:none}.landing__mobile-link--active{color:var(--color-accent);border-bottom:3px solid var(--color-accent)}.landing__user-btn{cursor:pointer;color:#333;background:#f3f4f6;border:none;border-radius:12px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.9rem;display:flex}.landing__user-avatar{border-radius:50%;width:28px;height:28px}.landing__user-name{font-weight:500}.landing__hero{text-align:center;padding:80px 24px var(--hero-padding-bottom);background:var(--color-accent);color:#fff;width:100%;max-width:none;margin:0}.landing__hero-title{color:#fff;z-index:2;margin:0 0 16px;font-size:2.4rem;font-weight:800;line-height:1.2;position:relative;transform:translateY(250px)}.landing__hero-subtitle{color:#ffffffd9;margin:0 0 32px;font-size:1.2rem;line-height:1.6}.landing__live-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:50;background:#000000bf;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;display:flex;position:fixed;bottom:24px;left:24px}.landing__live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.landing__hero-cta{color:#1a1a1a;cursor:pointer;z-index:2;background:#fff;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 32px;font-size:1.1rem;font-weight:600;transition:box-shadow .2s;display:inline-flex;position:relative;transform:translateY(250px);box-shadow:0 4px 12px #00000026}.landing__hero-cta:hover{box-shadow:0 6px 16px #0003}.landing__hero-visual{height:200px;margin-top:48px;position:relative}.landing__demo-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px 32px;animation:.6s ease-out both fadeIn;position:absolute;left:50%;transform:translate(-650px)translateY(-100px);box-shadow:0 4px 20px #00000014}.landing__demo-card--second{animation-delay:.15s;transform:translate(-250px)translateY(260px)}.landing__demo-card--third{white-space:nowrap;padding-top:48px;animation-delay:.3s;transform:translate(380px)translateY(-150px)}.landing__demo-highlight{background:var(--color-accent);color:#fff;border-radius:3px;padding:2px 6px;position:relative}.landing__demo-tooltip{color:var(--color-accent);white-space:nowrap;font-size:1rem;font-style:italic;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.landing__demo-tooltip:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--color-accent);width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.landing__demo-line--large{color:#1a1a1a;margin-bottom:0;font-size:1.8rem}.landing__demo-cursor{filter:drop-shadow(0 1px 3px #0000004d);width:36px;height:36px;position:absolute;bottom:-24px;right:-18px}.landing__demo-audio-row{align-items:flex-start;gap:14px;display:flex}.landing__demo-audio-btn{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:.9rem;display:flex}.landing__demo-audio-text{flex:1}.landing__demo-waveform{border-top:1px solid #e5e7eb;align-items:center;gap:3px;margin-top:12px;margin-left:50px;padding-top:12px;display:flex}.landing__demo-wave-bar{background:var(--color-accent);opacity:.6;border-radius:2px;width:3px}.landing__demo-line{margin-bottom:6px}.landing__demo-chinese{color:#1a1a1a;font-size:1.5rem;font-weight:500}.landing__demo-line--pinyin{color:var(--color-accent);font-size:1rem;font-style:italic}.landing__demo-line--translation{color:#6b7280;font-size:.95rem;font-style:italic}.landing__showcase{background:#fff;padding:80px 24px 60px}.landing__showcase-content{text-align:center;max-width:900px;margin:0 auto}.landing__showcase-title{color:#1a1a1a;margin:0 0 12px;font-size:2.2rem;font-weight:700}.landing__showcase-subtitle{color:#6b7280;margin:0 0 48px;font-size:1.1rem;line-height:1.5}.landing__showcase-demo{flex-direction:column;align-items:center;display:flex;position:relative}.landing__showcase-card{background:#f5f5f0;border:1px solid #e5e5e0;border-radius:10px;padding:32px 40px;display:inline-block;box-shadow:0 4px 20px #00000014}.landing__showcase-line{color:#1a1a1a;white-space:nowrap;font-size:1.8rem}.landing__showcase-highlight{background:var(--color-accent);color:#fff;border-radius:3px;padding:2px 8px;position:relative}.landing__showcase-tooltip{color:var(--color-accent);white-space:nowrap;font-size:1.1rem;font-style:italic;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.landing__showcase-tooltip:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--color-accent);width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.landing__showcase-cursor{filter:drop-shadow(0 1px 2px #0003);width:28px;height:28px;position:absolute;bottom:-20px;right:-14px}.landing__showcase-arrows{width:600px;height:250px;margin-top:-10px}.landing__showcase-labels{justify-content:space-between;width:600px;margin-top:-20px;display:flex}.landing__showcase-label{color:#333;max-width:200px;font-size:1.2rem;font-weight:700;line-height:1.3}.landing__hero-langs{margin-top:48px;margin-bottom:var(--hero-card-margin-bottom);z-index:1;position:relative;transform:translateY(200px)}.landing__hero-langs-inner{background:#7f1d1d;border-radius:14px;flex-direction:column;align-items:center;gap:20px;padding:32px 48px;display:inline-flex}.landing__hero-langs-row{justify-content:center;gap:36px;display:flex}.landing__hero-lang{flex-direction:column;align-items:center;gap:10px;text-decoration:none;display:flex}.landing__hero-lang-flag{object-fit:cover;border-radius:6px;width:96px!important;height:64px!important}.landing__hero-lang-name{color:#fff;font-size:1rem;font-weight:600}.landing__hero-langs-more{color:#fff;margin:0;font-size:1rem;font-weight:600}.landing__section{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:40px 24px}.landing__section--gray{background:#f5f5f5;max-width:none}#how{padding-top:200px}.landing__section--gray .landing__section-title,.landing__section--gray .landing__steps{max-width:1000px;margin-left:auto;margin-right:auto}.landing__section-title{text-align:center;color:#1a1a1a;margin:0 0 40px;font-size:1.8rem;font-weight:700}.landing__languages{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.landing__lang-card{color:#333;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:16px 28px;text-decoration:none;transition:box-shadow .2s,transform .15s;display:flex}.landing__lang-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.landing__lang-flag{font-size:2rem}.landing__lang-name{font-size:1.05rem;font-weight:600}.landing__lang-original{color:#9ca3af;font-size:.9rem}.landing__steps{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.landing__step{text-align:center;background:#fff;border-radius:10px;padding:32px 20px;box-shadow:0 2px 8px #0000000f}.landing__step-icon{margin-bottom:12px;font-size:2.5rem}.landing__step-num{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:inline-flex}.landing__step-title{color:#1a1a1a;margin:0 0 8px;font-size:1.1rem;font-weight:600}.landing__step-desc{color:#6b7280;margin:0;font-size:.95rem;line-height:1.5}.landing__features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing__feature{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.landing__feature-icon{margin-bottom:12px;font-size:2rem}.landing__feature-title{color:#1a1a1a;margin:0 0 8px;font-size:1.05rem;font-weight:600}.landing__feature-desc{color:#6b7280;margin:0;font-size:.9rem;line-height:1.5}.landing__testimonials{gap:16px;max-width:1000px;margin:0 auto;display:flex}.landing__testimonial{background:#fff;border-radius:10px;flex:1;padding:24px;box-shadow:0 1px 3px #0000000f}.landing__testimonial-stars{color:#f59e0b;letter-spacing:2px;margin-bottom:8px;font-size:1.1rem}.landing__testimonial-text{color:#374151;margin:0 0 12px;font-size:1rem;font-style:italic;line-height:1.6}.landing__testimonial-name{color:#6b7280;margin:0;font-size:.9rem;font-weight:600}.landing__cta{text-align:center;color:#fff;background:linear-gradient(#dc2626 0%,#b91c1c 40%,#7f1d1d 100%);padding:60px 24px}.landing__cta-title{margin:0 0 12px;font-size:2rem;font-weight:700}.landing__cta-subtitle{opacity:.9;margin:0 0 28px;font-size:1.1rem}.landing__cta-btn{color:#333;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 32px;font-size:1.1rem;font-weight:600;transition:transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #00000026}.landing__cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003}.landing__footer{text-align:center;color:#9ca3af;background:#1a1a1a;margin-top:auto;padding:32px 24px}.landing__footer-logo{filter:brightness(0)invert();opacity:.7;margin-bottom:12px}.landing__footer-text{margin:0;font-size:.9rem}.landing__footer-links{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:12px;display:flex}.landing__footer-link{color:#9ca3af;font-size:.85rem;text-decoration:none;display:inline-block}.landing__footer-link:hover{color:#fff}@media (max-width:1100px){.landing__hero{--hero-padding-bottom:0px;--hero-card-margin-bottom:0px;--hero-card-translateY:0px;margin-bottom:90px}.landing__hero-title{font-size:2.2rem;transform:none}.landing__hero-cta{transform:none}.landing__hero-visual{flex-direction:column;gap:20px;height:auto;margin-top:32px;display:flex}.landing__demo-card,.landing__demo-card--second,.landing__demo-card--third{white-space:normal;padding-top:24px;position:static;left:auto;transform:none}.landing__hero-langs{margin:0 16px;transform:translateY(90px)}.landing__hero-langs-inner{box-sizing:border-box;gap:16px;width:auto;max-width:100%;padding:24px 32px;display:inline-flex}#how{padding-top:100px}}@media (max-width:900px){.landing__nav-links{display:none}.landing__hamburger{display:flex}.landing__mobile-menu{display:block}.landing__login-btn{border-width:1.5px;padding:8px 16px;font-size:.9rem}.landing__lang-btn{padding:5px 10px;font-size:.8rem}}@media (max-width:768px){.landing__nav-logo-img{height:44px}.landing__hero{padding-top:40px!important}.landing__hero-title{font-size:1.8rem}.landing__live-pill{padding:6px 12px;font-size:.8rem;bottom:16px;left:12px}.landing__hero-cta{color:#1a1a1a;box-shadow:none;background:#fff}.landing__hero-cta:hover{box-shadow:none;transform:none}.landing__hero-langs-inner{box-sizing:border-box;max-width:100%;padding:24px 12px}.landing__hero-langs-row{gap:12px}.landing__hero-lang-flag{border-radius:4px;width:80px!important;height:53px!important}.landing__hero-lang-name,.landing__hero-langs-more{font-size:.85rem}.landing__steps,.landing__features{grid-template-columns:1fr;gap:16px}.landing__testimonials{flex-direction:column;max-width:600px}.landing__section{padding:28px 20px}.landing__showcase{padding:48px 20px 40px}.landing__showcase-title{font-size:1.6rem}.landing__showcase-subtitle{margin-bottom:32px;font-size:1rem}.landing__showcase-card{padding:24px 20px}.landing__showcase-line{font-size:1.4rem}.landing__showcase-arrows{display:none}.landing__showcase-labels{flex-direction:column;align-items:center;gap:16px;width:auto;margin-top:32px}.landing__showcase-label{max-width:none;font-size:1rem}.landing__section-title{margin-bottom:24px;font-size:1.4rem}.landing__demo-card{padding:16px 20px}.landing__demo-chinese{font-size:1.2rem}}@media (max-width:480px){.landing__hero-title{font-size:1.5rem}.landing__languages{flex-direction:column;align-items:stretch}.landing__nav-inner{padding:10px 16px}.landing__hero-lang-flag{width:64px!important;height:43px!important}}.loading-spinner{justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-spinner:after{content:"";border:3px solid #e5e5e5;border-top-color:#dc2626;border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}.paywall-blur{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none;max-height:100vh;overflow:hidden}.paywall{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.paywall__card{text-align:center;background:#fff;border-radius:10px;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 8px 32px #0003}.paywall__title{color:#333;margin:0 0 12px;font-size:1.3rem;font-weight:600}.paywall__text{color:#666;margin:0 0 24px;font-size:.95rem;line-height:1.5}.paywall__btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;margin-bottom:16px;padding:12px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.paywall__back{color:#888;font-size:.9rem;text-decoration:none;display:block}.payment{max-width:500px;margin:0 auto;padding:0 24px 60px}.payment__header{align-items:center;padding:16px 0;display:flex}.payment__logo{text-decoration:none}.payment__title{color:#222;margin:8px 0 20px;font-size:1.4rem;font-weight:600}.payment__plans{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;display:grid}.payment__plan{cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;transition:border-color .15s;display:flex;position:relative}.payment__plan--selected{background:#fef2f2;border-color:#dc2626}.payment__plan-months{color:#222;font-size:1.1rem;font-weight:600}.payment__plan-price{color:#555;font-size:.95rem}.payment__plan-per-month{color:#888;font-size:.8rem}.payment__plan-badge{color:#fff;background:#dc2626;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600;position:absolute;top:-8px;right:-4px}.payment__section{margin-bottom:28px}.payment__section-title{color:#333;margin:0 0 12px;font-size:1rem;font-weight:600}.payment__card-info{background:#f5f5f5;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.payment__card-number{letter-spacing:2px;color:#222;font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:600}.payment__copy-btn{cursor:pointer;color:#666;background:#fff;border:1px solid #ddd;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.payment__card-amount{color:#555;margin:10px 0 0;font-size:.9rem}.payment__upload{cursor:pointer;border:2px dashed #ccc;border-radius:12px;justify-content:center;align-items:center;min-height:140px;transition:border-color .15s;display:flex;overflow:hidden}.payment__upload:hover{border-color:#999}.payment__upload--has-file{border-style:solid;border-color:#ddd;padding:8px}.payment__upload-placeholder{color:#999;flex-direction:column;align-items:center;gap:8px;font-size:.9rem;display:flex}.payment__preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:300px}.payment__file-input{display:none}.payment__remove-file{color:#dc2626;cursor:pointer;background:0 0;border:none;margin:8px 0 0;padding:0;font-size:.85rem;display:block}.payment__error{color:#dc2626;margin:0 0 16px;font-size:.9rem}.payment__submit{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:14px;font-size:1rem;font-weight:600;display:flex}.payment__submit:disabled{opacity:.5;cursor:not-allowed}.payment__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.payment__success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px 0;display:flex}.payment__success-icon{margin-bottom:8px}.payment__success-title{color:#222;margin:0;font-size:1.3rem;font-weight:600}.payment__success-text{color:#666;margin:0;font-size:1rem}.payment__back-btn{color:#888;cursor:pointer;background:0 0;border:none;margin-top:16px;font-family:inherit;font-size:.9rem;text-decoration:none;display:inline-block}.payment__status{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px 0;display:flex}.payment__status-icon{margin-bottom:8px}@media (max-width:600px){.payment{padding:0 16px 40px}.payment__card-number{letter-spacing:1px;font-size:1.05rem}}.admin{max-width:900px;margin:0 auto;padding:0 0 40px}.admin__loading{text-align:center;color:#999;padding:60px 0}.admin__stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.admin__stat{text-align:center;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014}.admin__stat-value{color:#1a1a1a;font-size:1.5rem;font-weight:700;display:block}.admin__stat-label{color:#888;margin-top:4px;font-size:.8rem;display:block}.admin__tabs{gap:4px;margin-bottom:16px;display:flex}.admin__tab{color:#666;cursor:pointer;background:#e8e8e8;border:none;border-radius:8px 8px 0 0;flex:1;padding:10px 16px;font-family:inherit;font-size:.95rem;font-weight:500}.admin__tab--active{color:#4a7ab5;background:#fff;font-weight:600}.admin__list{flex-direction:column;gap:12px;display:flex}.admin__empty{text-align:center;color:#999;padding:40px 0}.admin__card{background:#fff;border-left:4px solid #e0e0e0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014}.admin__card--pending{border-left-color:#f59e0b}.admin__card--approved{border-left-color:#16a34a}.admin__card--rejected{border-left-color:#dc2626}.admin__card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.admin__card-name{color:#1a1a1a;font-size:.95rem;font-weight:600;display:block}.admin__card-email{color:#555;word-break:break-all;font-size:.9rem}.admin__card-details{color:#888;flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.admin__badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.admin__badge--pending{color:#92400e;background:#fef3c7}.admin__badge--approved{color:#166534;background:#dcfce7}.admin__badge--rejected{color:#991b1b;background:#fee2e2}.admin__badge--none{color:#6b7280;background:#f3f4f6}.admin__screenshot-wrap{margin:10px 0}.admin__screenshot{cursor:pointer;object-fit:cover;border:1px solid #eee;border-radius:8px;max-width:200px;max-height:150px}.admin__actions{gap:8px;margin-top:12px;display:flex}.admin__btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:.9rem;font-weight:600}.admin__btn:disabled{opacity:.5;cursor:not-allowed}.admin__btn--approve{color:#fff;background:#16a34a}.admin__btn--reject{color:#991b1b;background:#fee2e2}.admin__sub-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.admin__sub-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:500}.admin__sub-btn:disabled{opacity:.5;cursor:not-allowed}.admin__sub-btn--add{color:#16a34a;border-color:#16a34a}.admin__sub-btn--remove{color:#b45309;border-color:#f59e0b}.admin__sub-btn--cancel{color:#dc2626;border-color:#ef4444}.admin__sub-btn--grant{color:#fff;background:#16a34a;border-color:#16a34a}.admin__search{margin-bottom:16px;position:relative}.admin__search-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 36px 10px 12px;font-size:.95rem}.admin__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.admin__search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.3rem;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.admin__overlay{z-index:200;cursor:pointer;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin__overlay-img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh}@media (max-width:600px){.admin__stats{grid-template-columns:repeat(2,1fr)}.admin__card-header{flex-direction:column}.admin__card-details{flex-direction:column;gap:4px}.admin__screenshot{max-width:100%}}.admin-login{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.admin-login__form{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:40px 32px;box-shadow:0 2px 8px #00000014}.admin-login__title{color:#1a1a1a;margin-bottom:24px;font-size:1.5rem;font-weight:700}.admin-login__input{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem}.admin-login__input:focus{border-color:#4a7ab5}.admin-login__error{color:#dc2626;margin-top:8px;font-size:.85rem}.admin-login__btn{color:#fff;cursor:pointer;background:#4a7ab5;border:none;border-radius:10px;width:100%;margin-top:16px;padding:12px;font-family:inherit;font-size:1rem;font-weight:600}.admin-login__btn:disabled{opacity:.5;cursor:not-allowed}.login-page{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;padding:40px 32px;display:flex;box-shadow:0 2px 12px #00000014}.login-logo{margin-bottom:8px}.login-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:opacity .15s;display:flex}.login-btn:hover{opacity:.9}.login-btn--google{color:#333;background:#fff;border:1.5px solid #dadce0}.login-btn--google:hover{background:#f8f9fa;border-color:#c4c7cb}.login-btn--telegram{color:#fff;background:#229ed9;border:none}.login-divider{color:#aaa;align-items:center;gap:12px;width:100%;font-size:.85rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5e5e5;flex:1;height:1px}.typedfillblank{padding:0}.typedfillblank__progress{height:4px;margin-bottom:var(--spacing-md);background:#e5e5e5;border-radius:2px;overflow:hidden}.typedfillblank__progress-bar{background:var(--color-accent);border-radius:2px;height:100%;transition:width .3s}.typedfillblank__card{padding:var(--spacing-sm)0;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.typedfillblank__card:last-of-type{border-bottom:none}.typedfillblank__card--correct{opacity:.6}.typedfillblank__wordbank{margin-bottom:var(--spacing-md);background:#fafafa;border:1px solid #ddd;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;padding:10px 16px;display:flex}.typedfillblank__wordbank-word{font-size:1.05em;font-style:italic}.typedfillblank__wordbank-dot{color:#bbb;margin:0 2px}.typedfillblank__images{margin-bottom:var(--spacing-md);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.typedfillblank__image{flex-direction:column;display:flex}.typedfillblank__image>img,.typedfillblank__image-placeholder{aspect-ratio:4/3;background:#f0f0f0;border-radius:6px;overflow:hidden}.typedfillblank__image>img{object-fit:cover;width:100%}.typedfillblank__image-placeholder{color:#bbb;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex}.typedfillblank__image-caption{color:#888;margin-top:4px;font-size:.75rem;font-style:italic;line-height:1.3}.typedfillblank__number{color:#888;flex-shrink:0;min-width:1.5em;font-weight:600}.typedfillblank__sentence{flex:1;line-height:2}.typedfillblank__hint{color:#888;margin:0 2px;font-style:italic}.typedfillblank__sentence--hint-only .typedfillblank__hint{display:block}.typedfillblank__input{font-size:inherit;text-align:center;background:0 0;border:none;border-bottom:2px solid #ccc;outline:none;margin:0 4px;padding:2px 4px;font-family:inherit;display:inline-block}.typedfillblank__sentence--hint-only .typedfillblank__input{text-align:left;width:100%;margin:0;display:block}.typedfillblank__input:focus{border-bottom-color:var(--color-accent)}.typedfillblank__input--correct{color:#4caf50;border-bottom-color:#4caf50}.typedfillblank__input--wrong{color:#f44336;border-bottom-color:#f44336}.typedfillblank__tick-btn{cursor:pointer;color:#999;vertical-align:middle;background:0 0;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;margin:0 4px;font-size:1em;display:inline-flex}.typedfillblank__tick-btn--ticked{border-color:currentColor}.typedfillblank__tick-btn.typedfillblank__input--correct{color:#4caf50;border-color:#4caf50}.typedfillblank__tick-btn.typedfillblank__input--wrong{color:#f44336;border-color:#f44336}.typedfillblank__card--passage{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.typedfillblank__card--passage .typedfillblank__number{flex-shrink:0}.typedfillblank__card--passage .typedfillblank__input{flex-shrink:0;width:6em}.typedfillblank__card--passage .typedfillblank__tick-btn{flex-shrink:0}.typedfillblank__passage-text{flex:1;min-width:0}.typedfillblank__check-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-left:auto;padding:4px 12px;font-family:inherit;font-size:.85rem}.typedfillblank__check-btn--bottom{width:100%;margin-top:var(--spacing-md);border-radius:6px;padding:10px;font-size:1rem;display:block}.typedfillblank__check-btn:disabled{opacity:.4;cursor:not-allowed}.typedfillblank__complete{text-align:center;padding:var(--spacing-md);color:#4caf50;font-weight:600}.typedfillblank__word-wrapper{display:inline;position:relative}.typedfillblank__word{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:3px}.typedfillblank__word--active{color:var(--color-accent);background:#dc26261f}.typedfillblank__tooltip{color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background:#333;border-radius:4px;padding:4px 10px;font-size:.8rem;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.typedfillblank__tooltip:after{content:"";border:5px solid #0000;border-top-color:#333;position:absolute;top:100%;left:50%;transform:translate(-50%)}.errorcorrection{padding:0}.errorcorrection__progress{height:4px;margin-bottom:var(--spacing-md);background:#e5e5e5;border-radius:2px;overflow:hidden}.errorcorrection__progress-bar{background:var(--color-accent);border-radius:2px;height:100%;transition:width .3s}.errorcorrection__card{padding:var(--spacing-sm)0;border-bottom:1px solid #f0f0f0}.errorcorrection__card:last-of-type{border-bottom:none}.errorcorrection__card--correct{opacity:.6}.errorcorrection__number{color:#888;margin-right:8px;font-weight:600}.errorcorrection__sentence{margin:0 0 8px;line-height:1.8}.errorcorrection__error{font-weight:700}.errorcorrection__input{font-size:inherit;background:0 0;border:none;border-bottom:2px solid #ccc;outline:none;width:100%;padding:4px 8px;font-family:inherit}.errorcorrection__input:focus{border-bottom-color:var(--color-accent)}.errorcorrection__input--correct{color:#4caf50;border-bottom-color:#4caf50}.errorcorrection__input--wrong{color:#f44336;border-bottom-color:#f44336}.errorcorrection__check-btn--bottom{width:100%;margin-top:var(--spacing-md);background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px;font-family:inherit;font-size:1rem;display:block}.errorcorrection__check-btn--bottom:disabled{opacity:.4;cursor:not-allowed}.errorcorrection__complete{text-align:center;padding:var(--spacing-md);color:#4caf50;font-weight:600}.wordchoice{padding:0}.wordchoice__progress{height:4px;margin-bottom:var(--spacing-md);background:#e5e5e5;border-radius:2px;overflow:hidden}.wordchoice__progress-bar{background:var(--color-accent);border-radius:2px;height:100%;transition:width .3s}.wordchoice__card{padding:var(--spacing-sm)0;border-bottom:1px solid #f0f0f0;display:flex}.wordchoice__card:last-of-type{border-bottom:none}.wordchoice__card--correct{opacity:.6}.wordchoice__number{color:#888;flex-shrink:0;width:2.2em;font-weight:600}.wordchoice__sentence{flex:1;line-height:1.8}.wordchoice__choice-group{display:inline}.wordchoice__separator{color:#999;margin:0 2px;font-weight:600}.wordchoice__choice-btn{font-size:inherit;color:var(--color-accent);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0;font-family:inherit;font-weight:700;transition:color .2s,border-color .2s;display:inline}.wordchoice__choice-btn:active{opacity:.7}.wordchoice__choice-btn--selected{border-bottom-color:var(--color-accent)}.wordchoice__choice-btn--correct{color:#4caf50;cursor:default;border-bottom-color:#4caf50}.wordchoice__choice-btn--wrong{color:#f44336;animation:.4s wordchoice-shake}.wordchoice__choice-btn--dimmed{opacity:.35;cursor:default}@keyframes wordchoice-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.wordchoice__check-btn{width:100%;margin-top:var(--spacing-md);background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px;font-family:inherit;font-size:1rem;display:block}.wordchoice__check-btn:disabled{opacity:.4;cursor:not-allowed}.wordchoice__complete{text-align:center;padding:var(--spacing-md);color:#4caf50;font-weight:600}.wordchoice__card--ab{flex-direction:row;align-items:flex-start}.wordchoice__ab-body{flex-direction:column;flex:1;gap:8px;display:flex}.wordchoice__ab-lead{color:#333;font-style:italic;line-height:1.6}.wordchoice__ab-blank{text-align:center;color:#0000;vertical-align:bottom;border-bottom:2px solid #555;min-width:40px;margin:0 2px;font-style:normal;display:inline-block}.wordchoice__ab-options{flex-direction:column;gap:6px;display:flex}.wordchoice__ab-btn{font-size:inherit;color:#333;cursor:pointer;text-align:left;background:0 0;border:1.5px solid #ddd;border-radius:6px;align-items:baseline;gap:8px;padding:7px 10px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.wordchoice__ab-btn:active{opacity:.7}.wordchoice__ab-label{color:var(--color-accent);flex-shrink:0;min-width:1.2em;font-weight:700}.wordchoice__ab-text{line-height:1.5}.wordchoice__ab-btn--selected{border-color:var(--color-accent);background:#dc26260d}.wordchoice__ab-btn--correct{cursor:default;background:#4caf5012;border-color:#4caf50}.wordchoice__ab-btn--correct .wordchoice__ab-label{color:#4caf50}.wordchoice__ab-btn--wrong{background:#f4433612;border-color:#f44336;animation:.4s wordchoice-shake}.wordchoice__ab-btn--wrong .wordchoice__ab-label{color:#f44336}.wordchoice__ab-btn--dimmed{opacity:.35;cursor:default}.texterror{padding:0}.texterror__progress{background:#e5e5e5;border-radius:2px;height:4px;overflow:hidden}.texterror__progress-bar{background:var(--color-accent);height:100%;transition:width .3s}.texterror__passage{margin-top:var(--spacing-md);background:#fafafa;border:1px solid #ddd;border-radius:6px;padding:16px;line-height:1.8}.texterror__error{font-weight:inherit}.texterror__error-num{color:var(--color-accent);margin-left:1px;font-size:.7em;font-weight:600}.texterror__inputs{margin-top:var(--spacing-md)}.texterror__input-row{border-bottom:1px solid #f0f0f0;align-items:center;padding:6px 0;display:flex}.texterror__input-row:last-child{border-bottom:none}.texterror__input-row--correct{opacity:.6}.texterror__input-num{color:#888;flex-shrink:0;width:2.2em;font-weight:600}.texterror__input{font-size:inherit;box-sizing:border-box;background:0 0;border:none;border-bottom:2px solid #ccc;flex:1;padding:4px 8px;font-family:inherit}.texterror__input:focus{border-bottom-color:var(--color-accent);outline:none}.texterror__input--correct{color:#4caf50;border-bottom-color:#4caf50}.texterror__input--wrong{color:#f44336;border-bottom-color:#f44336}.texterror__check-btn{width:100%;margin-top:var(--spacing-md);background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px;font-family:inherit;font-size:1rem;display:block}.texterror__check-btn:disabled{opacity:.4;cursor:not-allowed}.texterror__complete{text-align:center;padding:var(--spacing-md);color:#4caf50;font-weight:600}.hanzi-practice{max-width:900px;margin:0 auto;padding:0 0 24px}.hanzi-practice__subtabs{z-index:20;background:linear-gradient(#b91c1c 0%,#991b1b 100%);gap:4px;width:100vw;margin-left:calc(50% - 50vw);padding:8px 16px 10px;display:flex;position:sticky;top:0}.hanzi-practice__subtab{color:#ffffffa6;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 4px;font-family:inherit;font-size:.85rem;font-weight:500}.hanzi-practice__subtab--active{color:#fff;background:#00000047;font-weight:700}.hanzi-practice__session-progress{text-align:center;color:#aaa;margin-bottom:16px;font-size:13px}.hanzi-practice__layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:32px;display:flex}@media (max-width:768px){.hanzi-practice__layout{flex-direction:column;align-items:center}}.hanzi-practice__canvas-panel{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.hanzi-practice__grid-wrapper{overflow-anchor:none;min-height:300px;position:relative}@media (min-width:481px){.hanzi-practice__grid-wrapper{min-height:400px}}.hanzi-practice__crosshair{pointer-events:none;border:2px dashed #e0e0e0;border-radius:8px;position:absolute;inset:0}.hanzi-practice__crosshair:before{content:"";border-left:1px dashed #e0e0e0;width:0;position:absolute;top:0;bottom:0;left:50%}.hanzi-practice__crosshair:after{content:"";border-top:1px dashed #e0e0e0;height:0;position:absolute;top:50%;left:0;right:0}.hanzi-practice__canvas{z-index:1;border-radius:8px;transition:box-shadow .15s;position:relative}.hanzi-practice__canvas--flash-green{box-shadow:0 0 0 3px #22c55e}.hanzi-practice__canvas--flash-red{box-shadow:0 0 0 3px #ef4444}.hanzi-practice__action-btn{cursor:pointer;color:#333;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;min-height:36px;padding:8px 16px;font-family:inherit;font-size:14px;transition:border-color .15s,color .15s}.hanzi-practice__action-btn:hover{color:#dc2626;border-color:#dc2626}.hanzi-practice__action-btn--active{color:#fff;background:#dc2626;border-color:#dc2626}.hanzi-practice__action-btn--active:hover{color:#fff;background:#b91c1c;border-color:#b91c1c}.hanzi-practice__nav-btn{cursor:pointer;color:#555;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;flex:1;min-height:40px;padding:10px 16px;font-size:.95rem;transition:border-color .15s,color .15s}.hanzi-practice__nav-btn:disabled{opacity:.35;cursor:default}.hanzi-practice__nav-btn--next{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.hanzi-practice__nav-btn--next:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.hanzi-practice__info-panel{flex-flow:wrap;justify-content:center;align-items:baseline;gap:4px 12px;padding-bottom:10px;display:flex}.hanzi-practice__char-display{color:#1a1a1a;font-size:96px;font-weight:300;line-height:1}.hanzi-practice__pinyin{color:#666;font-size:24px}.hanzi-practice__meaning{color:#666;justify-content:center;align-items:center;gap:4px;font-size:24px;display:flex}.hanzi-practice__word-display{gap:1px;display:flex}.hanzi-practice__word-char{color:#ccc;font-size:26px;font-weight:400;transition:color .2s}.hanzi-practice__word-char--active{color:#dc2626}.hanzi-practice__word-char--done{color:#333}.hanzi-practice__char-progress{justify-content:center;gap:8px;width:100%;margin-top:2px;display:flex}.hanzi-practice__char-dot{background:#e0e0e0;border-radius:50%;width:8px;height:8px}.hanzi-practice__char-dot--active{background:#dc2626}.hanzi-practice__char-dot--done{background:#1a1a2e}.hanzi-practice__stroke-count{color:#aaa;font-size:14px;font-weight:600;transition:background-color .3s,color .3s,border-color .3s,opacity .3s}.hanzi-practice__stroke-count--animating{color:#10b981;font-size:16px;animation:.6s ease-out hanzi-stroke-pulse}.hanzi-practice__stroke-current{font-weight:700}@keyframes hanzi-stroke-pulse{0%{color:#10b981;transform:scale(1)}50%{color:#059669;transform:scale(1.15)}to{color:#aaa;transform:scale(1)}}.hanzi-practice__char-card{background:#fff;border:1px solid #e0e0e6;border-radius:10px;width:100%;max-width:520px;margin:12px auto 0;padding:14px 16px;box-shadow:0 1px 4px #0000000d}.hanzi-practice__char-card-header{align-items:center;gap:10px;display:flex}.hanzi-practice__char-card-main{flex:1;align-items:baseline;gap:8px;display:flex}.hanzi-practice__char-card-pinyin{color:#dc2626;font-size:16px;font-style:italic;font-weight:600}.hanzi-practice__char-card-meaning{color:#333;font-size:15px}.hanzi-practice__char-card-audio{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.hanzi-practice__char-card-details{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.hanzi-practice__char-card-tag{color:#555;background:#f5f5f8;border-radius:4px;padding:2px 8px;font-size:11px}.hanzi-practice__char-card-example{background:#fafafa;border-left:3px solid #fca5a5;border-radius:6px;margin-top:10px;padding:10px}.hanzi-practice__char-card-ex-zh{color:#1a1a2e;font-size:15px}.hanzi-practice__char-card-ex-py{color:#dc2626;margin-top:2px;font-size:12px;font-style:italic}.hanzi-practice__char-card-ex-tr{color:#888;margin-top:2px;font-size:12px}.hanzi-home{flex-direction:column;gap:16px;max-width:480px;padding:8px 0 24px;display:flex}.hanzi-home__stats-row{gap:12px;display:flex}.hanzi-home__stat-card{background:#fff;border:1px solid #ebebeb;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:16px 8px;display:flex;box-shadow:0 1px 4px #0000000f}.hanzi-home__stat-value{color:#dc2626;font-size:28px;font-weight:700;line-height:1}.hanzi-home__stat-label{color:#888;text-align:center;font-size:12px}.hanzi-home__start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;width:100%;min-height:52px;font-family:inherit;font-size:16px;font-weight:600}.hanzi-home__start-btn:disabled{color:#999;cursor:not-allowed;background:#e0e0e6}.hanzi-home__nothing-due{text-align:center;color:#555;background:#fff;border:1px solid #ebebeb;border-radius:10px;padding:20px;font-size:15px}.hanzi-home__reset-btn{color:#ccc;cursor:pointer;text-align:center;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}.hanzi-home__reset-btn:hover{color:#999}.hanzi-done{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 0;display:flex}.hanzi-done__title{color:#1a1a1a;font-size:22px;font-weight:700}.hanzi-done__stats{color:#888;font-size:14px}.hanzi-done__buttons{flex-direction:column;gap:10px;width:100%;max-width:280px;display:flex}.hanzi-done__restart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;min-height:48px;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:600}.hanzi-done__back-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #e0e0e6;border-radius:10px;min-height:48px;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:600}.hanzi-chars-list{width:100%}.hanzi-chars-list__title{letter-spacing:.1em;color:#dc2626;margin-bottom:12px;padding:0 4px;font-size:11px;font-weight:700}.hanzi-chars-list__hint{color:#bbb;text-align:center;margin-top:4px;font-size:10px}.hanzi-chars-item{background:#f5f5f8;border-left:3px solid #fca5a5;border-radius:8px;margin-bottom:5px;overflow:hidden}.hanzi-chars-item--open{border-left-color:#dc2626}.hanzi-chars-item__row{cursor:pointer;align-items:center;gap:12px;padding:10px 12px;display:flex}.hanzi-chars-item__char{color:#1a1a2e;text-align:center;min-width:44px;font-size:32px;font-weight:300;line-height:1}.hanzi-chars-item__info{flex-direction:column;flex:1;gap:3px;display:flex}.hanzi-chars-item__top{align-items:baseline;gap:6px;display:flex}.hanzi-chars-item__pinyin{color:#1a1a2e;font-size:14px;font-weight:600}.hanzi-chars-item__meaning{color:#888;font-size:12px}.hanzi-chars-item__bottom{align-items:center;gap:8px;display:flex}.hanzi-chars-item__strokes{color:#dc2626;background:#fee2e2;border-radius:4px;padding:1px 6px;font-size:10px}.hanzi-chars-item__radical{color:#555;background:#f0f0f3;border-radius:4px;padding:1px 6px;font-size:10px}.hanzi-chars-item__arrow{color:#ccc;font-size:16px;font-weight:300;transition:transform .2s;display:inline-block}.hanzi-chars-item__arrow--open{transform:rotate(180deg)}.hanzi-chars-item__expand{padding:0 12px 12px}.hanzi-chars-item__example{background:#fff;border-left:3px solid #dc2626;border-radius:8px;padding:10px}.hanzi-chars-item__ex-text{color:#1a1a2e;margin-bottom:3px;font-size:16px}.hanzi-chars-item__ex-py{color:#dc2626;margin-bottom:2px;font-size:11px}.hanzi-chars-item__ex-tr{color:#888;font-size:11px}.hanzi-chars-item__practice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;width:100%;margin-top:8px;padding:8px;font-family:inherit;font-size:12px;font-weight:600}.hanzi-home__back-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:4px;padding:0;font-family:inherit;font-size:14px}.lp__hsk-version-bar{gap:8px;width:100%;display:flex}.lp__hsk-version-btn{color:#666;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;padding:10px 16px;font-size:15px;font-weight:600;transition:all .15s}.lp__hsk-version-btn--active{color:#dc2626;background:#fef2f2;border-color:#dc2626}.lp__writing-coming-soon{color:#999;justify-content:center;align-items:center;padding:48px 16px;font-size:16px;display:flex}.lp__writing-sets{flex-direction:column;gap:12px;display:flex}.lp__writing-card{color:inherit;cursor:pointer;text-align:left;background:#fff;border:none;border-radius:12px;width:100%;padding:16px 20px;font-family:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.lp__writing-card-deco{color:#0000000a;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:6rem;font-weight:700;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lp__writing-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.lp__writing-card--soon{opacity:.55;cursor:default}.lp__writing-card--soon:hover{transform:none;box-shadow:0 2px 8px #0000000f}.lp__writing-card__num{color:#fff;background:#dc2626;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.lp__writing-card__body{flex:1;min-width:0}.lp__writing-card__title{color:#1a1a1a;margin:0 0 6px;font-size:1.1rem;font-weight:700}.lp__writing-card__sub{color:#888;margin:0;font-size:.88rem}.correction-inline{margin-bottom:12px}.correction-inline__btn{color:var(--color-text-secondary);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.8rem;transition:border-color .15s,color .15s;display:inline-flex}.correction-inline__btn:hover{color:#333;border-color:#999}.correction-inline__form{text-align:left;max-width:340px;margin:0 auto}.correction-inline__title{color:#1a1a1a;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.85rem;font-weight:600;display:flex}.correction-inline__close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1}.correction-inline__close:hover{color:#333}.correction-inline__select{color:#333;appearance:auto;background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:8px;padding:8px 10px;font-family:inherit;font-size:.85rem}.correction-inline__select:focus{border-color:#999;outline:none}.correction-inline__textarea{color:#333;resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;min-height:60px;margin-bottom:8px;padding:8px 10px;font-family:inherit;font-size:.85rem}.correction-inline__textarea:focus{border-color:#999;outline:none}.correction-inline__submit{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;width:100%;padding:9px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s}.correction-inline__submit:hover:not(:disabled){background:#b91c1c}.correction-inline__submit:disabled{opacity:.6;cursor:not-allowed}.correction-inline__success{color:#16a34a;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:.85rem;font-weight:600;display:flex}.blog{max-width:700px;margin:0 auto;padding:0 16px 60px}.blog__header{padding:32px 0 24px}.blog__header-top{justify-content:space-between;align-items:center;display:flex}.blog__logo-link{text-decoration:none;display:inline-block}.blog__logo-img{width:auto;height:56px}.blog__title{margin:16px 0 8px;font-size:2rem;font-weight:700}.blog__subtitle{color:#6b7280;margin:0;font-size:1rem;font-weight:400}.blog__intro-text{color:#9ca3af;margin:8px 0 0;font-size:.9rem;line-height:1.5}.blog__list{flex-direction:column;gap:16px;display:flex}.blog__card{background:#fff;border-radius:10px;padding:24px;text-decoration:none;transition:box-shadow .2s;display:block;box-shadow:0 1px 3px #00000014}.blog__card:hover{box-shadow:0 2px 8px #0000001f}.blog__card-title{color:#1a1a1a;margin:0 0 8px;font-size:1.2rem;font-weight:700}.blog__card-desc{color:#6b7280;margin:0 0 12px;font-size:.95rem;line-height:1.5}.blog__card-date{color:#9ca3af;font-size:.85rem}.blog__post-title{margin:0 0 8px;font-size:1.8rem;font-weight:700;line-height:1.3}.blog__post-date{color:#9ca3af;margin:0;font-size:.9rem}.blog__content{margin-top:32px}.blog__section{margin-bottom:32px}.blog__section-heading{color:#1a1a1a;margin:0 0 12px;font-size:1.3rem;font-weight:700}.blog__section-body{color:#374151;margin:0 0 8px;font-size:1rem;line-height:1.7}.blog__hero-image{margin-bottom:32px}.blog__section-image{margin-top:20px}.blog__intro{border-bottom:1px solid #e5e7eb;margin-bottom:40px;padding-bottom:32px}.blog__list-ul{color:#374151;margin:0 0 8px;padding-left:24px;font-size:1rem;line-height:1.7}.blog__table-wrap{margin:0 0 8px;overflow-x:auto}.blog__table{border-collapse:collapse;color:#374151;width:100%;font-size:.95rem;line-height:1.6}.blog__table th,.blog__table td{text-align:left;border:1px solid #e5e7eb;padding:10px 14px}.blog__table th{color:#1a1a1a;background:#f9fafb;font-weight:600}.blog__table tbody tr:nth-child(2n){background:#fafafa}.blog__blockquote{color:#374151;background:#fef2f2;border-left:4px solid #dc2626;border-radius:0 6px 6px 0;margin:0 0 8px;padding:12px 20px;font-size:1rem;line-height:1.7}.blog__cta{text-align:center;background:linear-gradient(#dc2626 0%,#b91c1c 40%,#7f1d1d 100%);border-radius:10px;margin-top:48px;padding:32px 24px}.blog__cta-text{color:#fff;margin:0 0 16px;font-size:1.1rem;font-weight:600}.blog__cta-btn{color:var(--color-accent);background:#fff;border-radius:8px;padding:12px 32px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}@keyframes coachFadeIn{0%{opacity:0}to{opacity:1}}.coach-backdrop{z-index:200;background:#00000059;animation:.3s coachFadeIn;position:fixed;inset:0}.coach-tooltip{z-index:201;background:#fff;border-radius:8px;max-width:280px;padding:14px 18px;animation:.3s coachFadeIn;position:absolute;box-shadow:0 4px 20px #0000002e}.coach-tooltip__arrow{border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-8px}.coach-tooltip__arrow--down{border-top:8px solid #fff;border-bottom:none;top:auto;bottom:-8px}.coach-tooltip__text{color:#333;margin-bottom:12px;font-size:14px;line-height:1.5}.coach-tooltip__counter{text-align:center;color:#999;margin-bottom:8px;font-size:12px}.coach-tooltip__btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#dc2626;border:none;border-radius:6px;width:100%;min-height:44px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;display:block}.coach-tooltip__btn:active{background:#b91c1c}.coach-tooltip__skip{color:#aaa;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:8px auto 0;padding:0;font-family:inherit;font-size:12px;display:block}.coach-tooltip__skip:active{color:#888}.drp{max-width:480px;margin:0 auto;padding:8px 0}.drp__progress-wrap{margin-bottom:14px}.drp__progress-bar{background:#e0e0e6;border-radius:4px;height:4px}.drp__progress-fill{border-radius:4px;height:100%;transition:width .4s}.drp__chat{flex-direction:column;gap:6px;margin-bottom:16px;padding:8px 0;display:flex}.drp__bubble{border:2px solid #0000;border-radius:12px;max-width:85%;padding:8px 14px;transition:border-color .2s,opacity .2s}.drp__bubble--a{background:#f0f9ff;align-self:flex-start;margin-right:36px}.drp__bubble--b{background:#fff;border:2px solid #e0e0e6;align-self:flex-end;margin-left:36px}.drp__bubble-inner{align-items:baseline;gap:6px;display:flex}.drp__bubble-speaker{text-transform:uppercase;letter-spacing:1px;flex-shrink:0;font-size:11px;font-weight:700}.drp__bubble-text{color:#1a1a2e;font-size:15px;font-weight:600;line-height:1.5}.drp__mic-area{padding:14px 0 env(safe-area-inset-bottom);z-index:10;background:#f5f5f5;border-top:1px solid #e5e5e5;position:sticky;bottom:0}.drp__prompt{text-align:center;background:#fef3c7;border-radius:10px;margin-bottom:12px;padding:10px 14px}.drp__btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;width:100%;padding:14px 0;font-family:inherit;font-size:15px;font-weight:700}@media (max-width:600px){.drp__bubble{max-width:88%}}