:root{--cn-ink:#1c1917;--cn-paper:#fffbeb;--cn-paper-deep:#fef3c7;--cn-cinnabar:#c2410c;--cn-cinnabar-soft:#fed7aa;--cn-indigo:#4338ca;--cn-indigo-soft:#e0e7ff;--cn-jade:#047857;--cn-border:rgba(180,83,9,0.18);--cn-shadow:0 4px 24px rgba(28,25,23,0.08)}.cn-filter-bar{border-bottom:1px solid var(--cn-border);background:linear-gradient(180deg,#fffdf7 0,var(--cn-paper) 100%)}.cn-speak-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:1.5px solid rgba(180,83,9,.25);background:rgba(255,251,235,.9);color:var(--cn-cinnabar);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.cn-speak-btn:hover{transform:scale(1.05);box-shadow:0 2px 10px rgba(194,65,12,.2)}.cn-speak-btn:active{transform:scale(.95)}.cn-start-btn{background:linear-gradient(135deg,#ea580c,#c2410c 55%,#9a3412);box-shadow:0 4px 18px rgba(194,65,12,.35),inset 0 1px 0 rgba(255,255,255,.25)}.cn-start-btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.cn-content-section{border:1px solid var(--cn-border);background:rgba(255,255,255,.72);box-shadow:var(--cn-shadow)}.cn-content-section-compact{box-shadow:0 1px 8px rgba(28,25,23,.05)}.cn-immersive-bg{background:radial-gradient(ellipse at 12% 8%,rgba(251,191,36,.14) 0,transparent 52%),radial-gradient(ellipse at 88% 92%,rgba(67,56,202,.1) 0,transparent 50%),linear-gradient(180deg,#fffdf7,#fff7ed)}@keyframes cn-card-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cn-card-rise{animation:cn-card-rise .35s ease backwards}.cn-char-recognize{background:rgba(186,230,253,.65);border-bottom:2px solid rgba(14,165,233,.45)}.cn-char-write{background:rgba(254,205,211,.7);border-bottom:2px solid rgba(244,63,94,.5)}.cn-char-both{background:linear-gradient(135deg,rgba(186,230,253,.55),rgba(254,205,211,.55));border-bottom:2px solid rgba(139,92,246,.45)}.cn-grid-cell{width:4.5rem;height:4.5rem;font-size:2.25rem;background:linear-gradient(90deg,rgba(148,163,184,.45) 1px,transparent 0),linear-gradient(180deg,rgba(148,163,184,.45) 1px,transparent 0),linear-gradient(45deg,transparent 49.5%,rgba(148,163,184,.25) 0,rgba(148,163,184,.25) 50.5%,transparent 0),linear-gradient(-45deg,transparent 49.5%,rgba(148,163,184,.25) 0,rgba(148,163,184,.25) 50.5%,transparent 0);background-size:50% 50%,50% 50%,100% 100%,100% 100%;background-position:50%,50%,50%,50%;border:2px solid rgba(148,163,184,.55);border-radius:.375rem}.cn-grid-cell,.cn-grid-cell-sm{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#1e293b}.cn-grid-cell-sm{width:3rem;height:3rem;font-size:1.65rem;background:linear-gradient(90deg,rgba(148,163,184,.4) 1px,transparent 0),linear-gradient(180deg,rgba(148,163,184,.4) 1px,transparent 0),linear-gradient(45deg,transparent 49.5%,rgba(148,163,184,.22) 0,rgba(148,163,184,.22) 50.5%,transparent 0),linear-gradient(-45deg,transparent 49.5%,rgba(148,163,184,.22) 0,rgba(148,163,184,.22) 50.5%,transparent 0);background-size:50% 50%,50% 50%,100% 100%,100% 100%;background-position:50%,50%,50%,50%;border:1.5px solid rgba(148,163,184,.5);border-radius:.3rem}.cn-flash-face{container-type:size}.cn-flash-char-stage{display:flex;flex:1 1 auto;min-height:0;width:100%;padding:.125rem 0}.cn-flash-char-stage,.cn-grid-cell-flash{align-items:center;justify-content:center}.cn-grid-cell-flash{display:inline-flex;width:5.5rem;height:5.5rem;font-size:3rem;font-weight:700;color:#1e293b;background:linear-gradient(90deg,rgba(148,163,184,.4) 1px,transparent 0),linear-gradient(180deg,rgba(148,163,184,.4) 1px,transparent 0),linear-gradient(45deg,transparent 49.5%,rgba(148,163,184,.22) 0,rgba(148,163,184,.22) 50.5%,transparent 0),linear-gradient(-45deg,transparent 49.5%,rgba(148,163,184,.22) 0,rgba(148,163,184,.22) 50.5%,transparent 0);background-size:50% 50%,50% 50%,100% 100%,100% 100%;background-position:50%,50%,50%,50%;border:2px solid rgba(148,163,184,.5);border-radius:.375rem;width:min(88cqw,88cqh,7rem);height:min(88cqw,88cqh,7rem);font-size:min(48cqmin,4rem)}.cn-speak-btn-sm{width:1.625rem;height:1.625rem}.cn-speak-btn-sm svg{width:.875rem;height:.875rem}.cn-blank-sentence{line-height:2;word-break:keep-all}.cn-blank-sentence-text{white-space:pre-wrap}.cn-blank-sentence--lg{font-size:1.875rem;font-weight:800;letter-spacing:.06em}.cn-blank-sentence--md{font-size:1.125rem;font-weight:700;letter-spacing:.03em;line-height:2.25}.cn-blank-slot{--cn-blank-chars:1;display:inline-flex;align-items:center;justify-content:center;vertical-align:-.12em;margin:0 .1em;min-width:calc(var(--cn-blank-chars) * 1.28em + .55rem);height:calc(1.28em + .45rem);padding:0 .3em;border-radius:.7em;border:2.5px dashed transparent;background:linear-gradient(165deg,#fff9f0,#fff0f8 55%,#f0f7ff) padding-box,linear-gradient(125deg,#fb923c,#f472b6 45%,#a78bfa) border-box;box-shadow:0 3px 12px rgba(251,146,60,.16),inset 0 2px 0 rgba(255,255,255,.95);animation:cn-blank-float 2.6s ease-in-out infinite}.cn-blank-slot-mark{font-family:ui-rounded,Hiragino Maru Gothic ProN,Yuanti SC,PingFang SC,sans-serif;font-size:.58em;font-weight:900;line-height:1;color:#f97316;text-shadow:0 1px 0 rgba(255,255,255,.85)}@keyframes cn-blank-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}@media (prefers-reduced-motion:reduce){.cn-blank-slot{animation:none}}