:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf6ec;--surface:#fff;--ink:#221e1a;--ink-soft:#4a433b;--ink-hero:#1a1714;--muted:#6b6258;--muted-2:#9a8f7e;--muted-3:#b3a892;--vermilion:#d14a35;--vermilion-light:#e0543e;--vermilion-200:#e89a8c;--vermilion-100:#f0b6ab;--vermilion-text:#b23a28;--vermilion-deep:#b23a28;--orange:#c49a48;--green:#3e8e72;--green-bright:#46a083;--line:#221e1a1a;--line-strong:#221e1a38;--panel:#f3ead7;--surface-2:#f4ecdc;--tone-1:#d14a35;--tone-2:#c49a48;--tone-3:#3e8e72;--tone-4:#4666a8;--tone-0:#9a8f7e;--tone-5:#8c6e9c;--tone-6:#9a8f7e;--font-han-stack:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--shadow-card:0 10px 26px #221e1a1f;--shadow-raise:0 5px 0 var(--vermilion-deep), 0 12px 24px #b23a2859}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink-soft);font-family:var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.dsp{font-family:var(--font-display), var(--font-geist-sans), sans-serif}.han{font-family:var(--font-han-stack)}.mono{font-family:var(--font-geist-mono), monospace}@keyframes cl-eq{0%,to{transform:scaleY(.32)}50%{transform:scaleY(1)}}@keyframes cl-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes cl-audio-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes cl-flip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cl-skel-pulse{0%,to{opacity:.55}50%{opacity:.9}}.cl-skel{border:1px solid var(--line);background:linear-gradient(#f1e7d3,#ebe0cb);border-radius:12px;animation:1.5s ease-in-out infinite cl-skel-pulse}.cl-skel--text{background:#221e1a29;border:none;border-radius:7px}.cl-skel--mark{border-radius:13px;width:42px;height:42px}.cl-skel--pill{border-radius:999px;width:58px;height:34px}.cl-skel--tabs{border-radius:16px;height:58px;margin-bottom:24px}.cl-skel--ring{border-radius:999px;flex:none;width:62px;height:62px}.cl-skel--continue{border-radius:22px;height:92px;margin-bottom:13px}.cl-skel--row{border-radius:20px;height:80px}.cl-skel--lesson{border-radius:18px;height:68px}.cl-skel--hero{border-radius:22px;height:clamp(260px,42vh,400px);margin-bottom:14px}.cl-skel--seg{border-radius:15px;height:64px}@media (prefers-reduced-motion:reduce){.cl-skel{animation:none}}.cl-app{min-height:100svh;overflow-x:hidden}.cl-view{min-height:100svh;color:var(--ink-soft);padding:max(22px, env(safe-area-inset-top)) 18px max(26px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.cl-view--home,.cl-view--lesson,.cl-view--review{background:radial-gradient(125% 78% at 50% -8%,#f3ead7 0%,#fbf6ec 55% 100%)}.cl-view--complete{text-align:center;padding-top:max(64px, env(safe-area-inset-top));background:radial-gradient(125% 78% at 50% -8%,#f3ead7 0%,#fbf6ec 55% 100%);align-items:center}.cl-view--deck{background:radial-gradient(125% 78% at 50% -8%,#f3ead7 0%,#fbf6ec 55% 100%)}.cl-view--profile{background:linear-gradient(#3e8e7214,#0000 260px),#fbf6ec}.cl-content{flex-direction:column;flex:1;width:100%;max-width:440px;margin:0 auto;display:flex}.cl-app-shell{min-height:100svh}.cl-app-shell .cl-view{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.cl-nav{z-index:30;padding:9px 12px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf6ecf0;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 26px #221e1a14}.cl-nav__item{min-width:0;min-height:50px;color:var(--muted-3);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9.5px;font-weight:700;text-decoration:none;display:flex}.cl-nav__item.is-active{color:var(--vermilion);background:#f6e2dc94}.cl-view--onboarding{min-height:100svh;padding:max(28px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));background:radial-gradient(90% 64% at 50% 0,#b23a2824,#0000 62%),linear-gradient(#fbf6ec 0%,#f3ead7 100%);justify-content:center;align-items:center}.cl-onboarding{flex-direction:column;gap:18px;width:min(440px,100%);min-height:min(650px,100svh - 56px);display:flex}.cl-onboarding-dots{justify-content:center;gap:7px;padding:2px 0 4px;display:flex}.cl-onboarding-dots span{background:#221e1a29;border-radius:99px;width:8px;height:8px;transition:width .16s,background .16s}.cl-onboarding-dots span.is-active{background:var(--vermilion);width:22px}.cl-onboarding-step{flex-direction:column;flex:1;justify-content:center;gap:18px;display:flex}.cl-onboarding-mark{width:96px;height:96px;color:var(--vermilion);background:#b23a281a;border:2px solid #b23a287a;border-radius:27px;justify-content:center;align-items:center;margin-bottom:8px;font-size:48px;display:flex}.cl-onboarding-step__eyebrow{color:var(--orange);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:800}.cl-onboarding-step__title{color:var(--ink-hero);margin:0;font-size:38px;line-height:1.02}.cl-onboarding-step__copy{color:var(--muted);max-width:340px;margin:0;font-size:15px;line-height:1.55}.cl-onboarding-header{flex-direction:column;gap:9px;display:flex}.cl-onboarding-header__icon{width:50px;height:50px;color:var(--vermilion);background:#b23a281a;border:1px solid #b23a283d;border-radius:16px;justify-content:center;align-items:center;display:flex}.cl-onboarding-options,.cl-onboarding-language,.cl-onboarding-goals{flex-direction:column;gap:10px;display:flex}.cl-onboarding-option,.cl-onboarding-language button,.cl-onboarding-goals button{cursor:pointer;border:1px solid var(--line);width:100%;min-height:68px;color:var(--ink-soft);text-align:left;background:#ffffffc7;border-radius:18px;align-items:center;gap:12px;padding:13px 14px;transition:transform 80ms,border-color .14s,background .14s;display:flex}.cl-onboarding-option:active,.cl-onboarding-language button:active,.cl-onboarding-goals button:active{transform:translateY(1px)}.cl-onboarding-option.is-selected,.cl-onboarding-language button.is-selected,.cl-onboarding-goals button.is-selected{background:#f6e2dc94;border-color:#b23a2873}.cl-onboarding-option svg,.cl-onboarding-language button svg,.cl-onboarding-goals button svg{color:var(--vermilion);flex:none}.cl-onboarding-option span,.cl-onboarding-goals button span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cl-onboarding-option strong,.cl-onboarding-language strong,.cl-onboarding-goals strong{color:var(--ink-hero);font-size:14px}.cl-onboarding-option small{color:var(--muted);font-size:12.5px;line-height:1.35}.cl-onboarding-language .han{width:54px;color:var(--vermilion);flex:none;font-size:23px;font-weight:700}.cl-onboarding-language strong{flex:1}.cl-onboarding-goals button{justify-content:space-between}.cl-onboarding-goals button span{color:var(--muted);align-items:flex-start;font-size:13px}.cl-onboarding-streak{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;display:grid}.cl-onboarding-streak__seal{width:88px;height:88px;color:var(--green);background:#3e8e721f;border:2px solid #3e8e7257;border-radius:28px;justify-content:center;align-items:center;font-size:46px;display:flex}.cl-onboarding-summary{flex-wrap:wrap;gap:8px;display:flex}.cl-onboarding-summary span{border:1px solid var(--line);color:var(--ink-soft);background:#ffffffb8;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:800}.cl-onboarding__actions{align-items:center;gap:10px;display:flex}.cl-onboarding__back,.cl-onboarding__next{cursor:pointer;border:1px solid var(--line-strong);border-radius:16px;min-height:52px;padding:0 16px;font-weight:800}.cl-onboarding__back{color:var(--muted);background:#ffffffb8}.cl-onboarding__next{color:#fff;border-color:var(--vermilion-deep);background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));box-shadow:var(--shadow-raise);flex:1;justify-content:center;align-items:center;gap:8px;display:flex}@media (max-width:420px){.cl-onboarding{min-height:calc(100svh - 56px)}.cl-onboarding-step__title{font-size:32px}.cl-onboarding-streak{grid-template-columns:1fr}}.cl-progress{background:#221e1a21;border-radius:99px;height:6px;overflow:hidden}.cl-progress__fill{background:linear-gradient(90deg, var(--vermilion-200), var(--vermilion));border-radius:99px;height:100%;transition:width .2s;box-shadow:0 0 10px #b23a288c}.cl-progress--green .cl-progress__fill{background:linear-gradient(90deg, #5bb394, var(--green-bright));box-shadow:none}.cl-btn-primary{cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));width:100%;box-shadow:var(--shadow-raise);border:none;border-radius:18px;padding:17px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.cl-btn-primary:active{box-shadow:0 2px 0 var(--vermilion-deep), 0 6px 14px #b23a284d;transform:translateY(3px)}.cl-btn-ghost{cursor:pointer;width:100%;color:var(--muted);background:0 0;border:1px solid #221e1a33;border-radius:16px;padding:15px;font-size:14px;font-weight:700}.cl-iconbtn{cursor:pointer;width:40px;height:40px;color:var(--ink-soft);background:#221e1a14;border:1px solid #221e1a2e;border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.cl-iconbtn--ghost{visibility:hidden;pointer-events:none}.cl-home__top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.cl-brand{align-items:center;gap:11px;display:flex}.cl-brand__mark{border-radius:13px;display:block;box-shadow:0 6px 18px #b23a2852}.cl-brand__name{letter-spacing:.4px;color:var(--ink);font-size:18px;font-weight:800;line-height:1}.cl-brand__tag{color:var(--vermilion-text);white-space:nowrap;align-items:center;gap:4px;margin-top:5px;font-size:11px;display:flex}.cl-streak{background:linear-gradient(#c49a4833,#c49a4814);border:1px solid #c49a4857;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;display:flex}.cl-streak__count{color:var(--orange);font-size:16px;font-weight:800}.cl-home__actions{align-items:center;gap:9px;display:flex}.cl-view--home-route .cl-content{gap:0}.cl-home2__top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.cl-home2__eyebrow{color:var(--orange);letter-spacing:.05em;font-size:11px;font-weight:600}.cl-home2__title{color:var(--ink);letter-spacing:0;margin:1px 0 0;font-size:25px;font-weight:500;line-height:1.15}.cl-home-tabs{background:var(--panel);border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.cl-home-tab{cursor:pointer;color:#a89e8e;background:0 0;border:none;border-radius:9px;flex:1;min-width:0;padding:8px 4px;font-size:12px;font-weight:700}.cl-home-tab.is-active{color:var(--vermilion);background:#fff;box-shadow:0 1px 2px #221e1a14}.cl-today-card{box-shadow:var(--shadow-card);background:#fff;border:1px solid #efe6d4;border-radius:18px;padding:16px;position:relative;overflow:hidden}.cl-today-card__watermark{color:#f6efe0;pointer-events:none;font-size:92px;font-weight:700;line-height:1;position:absolute;bottom:-23px;right:-7px}.cl-today-card__summary{align-items:center;gap:15px;display:flex;position:relative}.cl-today-card__copy{flex:1;min-width:0}.cl-today-card__eyebrow{color:var(--orange);letter-spacing:.08em;font-size:10px;font-weight:700}.cl-today-card__metrics{flex-wrap:wrap;gap:13px;margin-top:6px;display:flex}.cl-dual-ring{flex:none;width:78px;height:78px;position:relative}.cl-dual-ring svg{display:block}.cl-dual-ring.is-complete{color:var(--green)}.cl-dual-ring.is-complete>svg{width:96px;height:96px;margin:-9px}.cl-dual-ring__check{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cl-goal-metric{font-size:15px;font-weight:800;line-height:1}.cl-goal-metric span{color:var(--muted-2);font-size:10px;font-weight:600}.cl-goal-metric--minute{color:var(--vermilion)}.cl-goal-metric--word{color:var(--green)}.cl-goal-metric__label{color:var(--muted-2);margin-top:2px;font-size:9.5px;font-weight:600}.cl-plan-rows{border-top:1px solid #f2e9d8;margin-top:14px;padding-top:13px;position:relative}.cl-plan-row{text-align:left;background:0 0;border:none;align-items:center;gap:9px;width:100%;min-height:30px;padding:0;display:flex}.cl-plan-row+.cl-plan-row{margin-top:10px}.cl-plan-row--button{cursor:pointer}.cl-plan-row--button:disabled{cursor:not-allowed}.cl-plan-row.is-locked{opacity:.72}.cl-plan-row__index{border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.cl-plan-row__index.is-word{color:var(--green);background:#e4f0ea}.cl-plan-row__index.is-minute{color:var(--vermilion-deep);background:#f6e2dc}.cl-plan-row__label{min-width:0;color:var(--ink);flex:1;font-size:13px;font-weight:700;line-height:1.25}.cl-plan-row__time{color:var(--muted-2);flex:none;font-size:11px;font-weight:500}.cl-plan-row__meta{flex:none;align-items:center;gap:7px;display:flex}.cl-plan-row__badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;min-height:20px;padding:0 7px;font-size:10px;font-weight:800;display:inline-flex}.cl-plan-row__badge.is-downloaded{color:var(--green);background:#e4f0ea}.cl-plan-row__badge.is-locked{color:var(--vermilion-deep);background:#f6e2dc}.cl-today-card__cta{background:var(--vermilion);color:#fbf6ec;width:100%;min-height:43px;box-shadow:0 3px 0 var(--vermilion-deep), 0 9px 16px -8px #b23a2880;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:14px;font-weight:800;display:flex;position:relative}.cl-today-card__cta:disabled{cursor:default;opacity:.55}.cl-rest-card{text-align:center;box-shadow:var(--shadow-card);background:#fff;border:1px solid #efe6d4;border-radius:18px;flex-direction:column;align-items:center;padding:22px 16px;display:flex}.cl-rest-card__title{color:var(--ink);margin-top:14px;font-size:22px;font-weight:500}.cl-rest-card__copy{max-width:260px;color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.5}.cl-rest-note{color:#a57c1e;background:#f6eedd;border-radius:13px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.cl-rest-note__title{color:#6b5a2e;font-size:12.5px;font-weight:800}.cl-rest-note__sub{color:#9a7b3a;margin-top:1px;font-size:11px}.cl-study-anyway{color:var(--vermilion);cursor:pointer;background:0 0;border:none;align-self:center;margin-top:14px;font-size:12.5px;font-weight:800}.cl-home-manage{color:inherit;text-align:left;background:#fff;border:1px solid #efe6d4;border-radius:13px;align-items:center;gap:10px;margin-top:11px;padding:11px 14px;text-decoration:none;display:flex}.cl-home-manage__label{color:var(--ink);flex:1;font-size:13px;font-weight:800}.cl-home-manage__stats{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:4px;font-size:11.5px;font-weight:600;display:flex}.cl-view--learn{background:radial-gradient(125% 78% at 50% -8%,#f3ead7 0%,#fbf6ec 55% 100%)}.cl-learn{gap:0}.cl-learn-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.cl-learn-head__eyebrow{color:var(--orange);letter-spacing:.08em;font-size:11px;font-weight:700}.cl-learn-head__title{color:var(--ink);margin:2px 0 0;font-size:25px;font-weight:500;line-height:1.12}.cl-learn-head__sub{color:var(--muted);margin-top:5px;font-size:12.5px;font-weight:650}.cl-learn-head__stats{color:var(--muted);flex-direction:column;flex:none;align-items:flex-end;gap:4px;font-size:11px;font-weight:800;display:flex}.cl-learn-head__stats span{background:#221e1a12;border-radius:999px;padding:4px 8px}.cl-learn-tabs{margin-bottom:18px}.cl-learn-map{flex-direction:column;gap:17px;padding:8px 0 18px;display:flex;position:relative}.cl-learn-map:before{content:"";background:linear-gradient(#e8d8bb,#efd8cc,#dcebe4);border-radius:999px;width:4px;position:absolute;top:36px;bottom:56px;left:50%;transform:translate(-50%)}.cl-learn-map__row{display:flex;position:relative}.cl-learn-map__row.is-left{justify-content:flex-start}.cl-learn-map__row.is-right{justify-content:flex-end}.cl-unit-node{z-index:1;width:min(82%,352px);min-height:78px;box-shadow:var(--shadow-card);color:var(--ink-soft);text-align:left;cursor:pointer;background:#fff;border:1px solid #efe6d4;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:11px;padding:12px 13px;display:grid;position:relative}.cl-unit-node__mark{background:var(--panel);width:52px;height:52px;color:var(--muted);border-radius:17px;grid-row:1/span 2;justify-content:center;align-items:center;display:flex}.cl-unit-node.is-done .cl-unit-node__mark{color:var(--green);background:#3e8e7229}.cl-unit-node.is-current{border-color:#b23a285c;box-shadow:0 8px 22px #b23a282e}.cl-unit-node.is-current .cl-unit-node__mark{background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));color:#fff;box-shadow:0 4px 0 var(--vermilion-deep), 0 9px 16px #b23a2847}.cl-unit-node.is-locked{color:var(--muted-3);background:#ffffffb8}.cl-unit-node.is-checkpoint{border-style:dashed;min-height:70px}.cl-unit-node.is-checkpoint .cl-unit-node__mark{color:var(--vermilion);background:#f6e2dc}.cl-unit-node__seal{border:2px solid;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;font-weight:800;line-height:1;display:flex}.cl-unit-node__copy{min-width:0}.cl-unit-node__title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:850;display:block;overflow:hidden}.cl-unit-node__sub{color:var(--muted);margin-top:3px;font-size:11.5px;font-weight:650;display:block}.cl-unit-node__state{color:var(--muted);background:#221e1a12;border-radius:999px;justify-self:start;margin-top:7px;padding:3px 8px;font-size:10.5px;font-weight:800}.cl-unit-node.is-current .cl-unit-node__state{color:var(--vermilion-text);background:#f6e2dc}.cl-unit-node.is-done .cl-unit-node__state{color:var(--green);background:#3e8e7224}.cl-learn-empty{border:1px dashed var(--line-strong);min-height:220px;color:var(--muted);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.cl-unit-preview{text-align:left;max-height:min(86vh,720px);overflow:auto}.cl-unit-preview__state{color:var(--vermilion-text);background:#f6e2dc;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 9px;font-size:11px;font-weight:850;display:inline-flex}.cl-unit-preview__title{color:var(--ink);font-size:23px;font-weight:500;line-height:1.12}.cl-unit-preview__sub{color:var(--muted);margin-top:5px;font-size:12.5px;font-weight:650}.cl-unit-preview__loading{background:var(--panel);color:var(--muted);border-radius:14px;margin-top:15px;padding:13px;font-size:13px;font-weight:750}.cl-unit-coverage{margin-top:17px}.cl-unit-coverage__top{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:11.5px;font-weight:800;display:flex}.cl-word-chips{flex-wrap:wrap;gap:7px;max-height:168px;margin-top:15px;padding-right:2px;display:flex;overflow:auto}.cl-word-chip{color:var(--ink);background:#fff;border:1px solid #efe6d4;border-radius:999px;align-items:baseline;gap:5px;padding:6px 10px;font-size:13px;font-weight:850;display:inline-flex}.cl-word-chip small{color:var(--muted);font-size:10.5px;font-weight:700}.cl-word-chip.is-empty{color:var(--muted);border-style:dashed}.cl-unit-lessons{gap:8px;max-height:178px;margin-top:15px;padding-right:2px;display:grid;overflow:auto}.cl-unit-lesson{width:100%;min-height:54px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffffbd;border:1px solid #efe6d4;border-radius:14px;align-items:center;gap:10px;padding:9px 11px;display:flex}.cl-unit-lesson.is-current{background:#fff;border-color:#d14a3557;box-shadow:0 5px 16px #221e1a14}.cl-unit-lesson:disabled{cursor:not-allowed;opacity:.58}.cl-unit-lesson__mark{width:28px;height:28px;color:var(--seal);background:#d14a351a;border-radius:999px;flex:none;place-items:center;display:grid}.cl-unit-lesson.is-done .cl-unit-lesson__mark{color:var(--green);background:#3e8e721f}.cl-unit-lesson__body{flex-direction:column;gap:2px;min-width:0;display:flex}.cl-unit-lesson__title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.cl-unit-lesson__sub{color:var(--muted);font-size:11px;font-weight:750}.cl-unit-preview__actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.cl-unit-preview__start,.cl-unit-preview__deck{border-radius:15px;justify-content:center;align-items:center;gap:7px;min-height:47px;font-size:13px;font-weight:850;text-decoration:none;display:flex}.cl-unit-preview__start{background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));color:#fff;cursor:pointer;border:none}.cl-unit-preview__start:disabled{cursor:not-allowed;color:var(--muted);background:#221e1a1f}.cl-unit-preview__deck{color:var(--vermilion-text);background:#fff;border:1px solid #efe6d4}.cl-langtabs{background:#221e1a12;border:1px solid #221e1a1f;border-radius:16px;gap:5px;margin-bottom:24px;padding:5px;display:flex}.cl-langtab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:9px 4px;transition:all .15s;display:flex}.cl-langtab__native{color:var(--ink-soft);font-size:15px;font-weight:700;line-height:1}.cl-langtab__label{letter-spacing:.3px;margin-top:4px;font-size:10px;font-weight:600}.cl-langtab.is-active{color:var(--vermilion);background:#fff;box-shadow:inset 0 0 0 1px #221e1a99,0 4px 12px #b23a2847}.cl-langtab.is-active .cl-langtab__native{color:var(--vermilion)}.cl-settings__sheet{text-align:left}.cl-settings__title{color:var(--ink-hero);margin:0 0 16px;font-size:17px;font-weight:800}.cl-settings__label{letter-spacing:.4px;text-transform:uppercase;color:var(--muted-3);margin-bottom:8px;font-size:11px;font-weight:700}.cl-settings__sheet .cl-langtabs{margin-bottom:0}.cl-settings__single{color:var(--ink-soft);padding:4px 0;font-size:14px;font-weight:700}.cl-settings__exp{border:1px dashed var(--line-strong);background:var(--panel);border-radius:16px;flex-direction:column;gap:7px;margin-top:22px;padding:14px;display:flex}.cl-settings__exphead{justify-content:space-between;align-items:center;gap:8px;display:flex}.cl-settings__exphead .cl-settings__label{margin-bottom:0}.cl-alpha-badge{letter-spacing:1px;color:var(--vermilion-text);background:var(--vermilion-100);border-radius:99px;flex:none;padding:2px 8px;font-size:9.5px;font-weight:700}.cl-settings__expnote{color:var(--muted);margin:0 0 4px;font-size:11.5px;line-height:1.45}.cl-greeting{color:var(--muted);margin-bottom:5px;font-size:13px;font-weight:500}.cl-headline{letter-spacing:-.3px;color:var(--ink);margin-bottom:20px;font-size:27px;font-weight:800}.cl-card{border:1px solid var(--line);box-shadow:var(--shadow-card);background:linear-gradient(#fff,#f7f1e4);border-radius:22px}.cl-goal{align-items:center;gap:16px;margin-bottom:13px;padding:18px 20px;display:flex}.cl-goal__ring{flex:none;width:62px;height:62px;position:relative}.cl-goal__ring svg{transform:rotate(-90deg)}.cl-goal__pct{color:var(--vermilion-100);justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex;position:absolute;inset:0}.cl-goal__title{color:var(--ink);margin-bottom:3px;font-size:15px;font-weight:800}.cl-goal__sub{color:var(--muted);font-size:12.5px;line-height:1.4}.cl-studymodes{margin-bottom:24px}.cl-studymodes__label{letter-spacing:.5px;text-transform:uppercase;color:var(--muted-3);margin-bottom:9px;font-size:10px;font-weight:700}.cl-studymode{text-align:left;cursor:pointer;border:1px solid var(--line);background:linear-gradient(#fff,#f7f1e4);border-radius:18px;width:100%;margin-bottom:9px;padding:14px 16px;transition:transform 80ms;display:flex}.cl-studymode:active{transform:translateY(1px)}.cl-studymode__body{flex:1;min-width:0}.cl-studymode--listen{background:linear-gradient(150deg,#fff3ef 0%,#fdebe4 78%);border-color:#221e1a80;box-shadow:0 12px 30px #b23a282e}.cl-studymode__head{align-items:center;gap:8px;display:flex}.cl-studymode__name{color:var(--ink-hero);font-size:15px;font-weight:800}.cl-studymode__badge{letter-spacing:.4px;text-transform:uppercase;color:var(--vermilion-text);background:var(--vermilion-100);border-radius:99px;margin-left:auto;padding:3px 8px;font-size:9.5px;font-weight:800}.cl-studymode__chev{margin-left:auto}.cl-studymode__sub{color:var(--muted);margin-top:7px;font-size:12.5px}.cl-studymode--listen .cl-studymode__sub{color:var(--ink-soft)}.cl-studymode--listen .cl-progress{margin-top:9px}.cl-studymode__cta{background:var(--vermilion);color:#fff;border-radius:11px;align-self:flex-start;align-items:center;gap:7px;margin-top:12px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.cl-studymode.is-empty,.cl-studymode.is-done{cursor:default}.cl-studymode.is-empty:active,.cl-studymode.is-done:active{transform:none}.cl-section-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.cl-section-head__title{color:var(--ink);font-size:16px;font-weight:800}.cl-section-head__meta{color:var(--muted-2);font-size:11.5px;font-weight:600}.cl-lessons{flex-direction:column;gap:10px;display:flex}.cl-lessons__toggle{width:100%;color:var(--muted);letter-spacing:.2px;cursor:pointer;background:0 0;border:1px dashed #221e1a38;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:12.5px;font-weight:700;transition:color .12s,border-color .12s;display:flex}.cl-lessons__toggle:hover{color:var(--ink-soft);border-color:#221e1a66}.cl-lesson{cursor:pointer;text-align:left;background:linear-gradient(#fff,#f7f1e4);border:1px solid #221e1a1a;border-radius:18px;align-items:center;gap:13px;width:100%;padding:13px 15px;display:flex}.cl-lesson.is-current{border:1.5px solid #221e1a80;box-shadow:0 8px 22px #b23a2829}.cl-lesson__badge{width:42px;height:42px;font-size:15px;font-weight:800;font-family:var(--font-display), sans-serif;background:var(--panel);color:var(--muted);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.cl-lesson__badge.is-done{color:var(--green);font-family:var(--font-geist-sans), sans-serif;background:#3e8e7229}.cl-lesson__badge.is-current{background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));color:#fff;box-shadow:0 4px 0 var(--vermilion-deep), 0 8px 16px #b23a2873}.cl-lesson__body{flex:1;min-width:0}.cl-lesson__title{color:var(--ink-soft);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.cl-lesson__sub{color:var(--muted);margin-top:3px;font-size:11.5px}.cl-tag{color:var(--muted-3);background:#221e1a14;border-radius:99px;flex:none;padding:5px 11px;font-size:11px;font-weight:700}.cl-tag.is-done{color:var(--green);background:#3e8e7229}.cl-tag.is-current{background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));color:#fff}.cl-lessonhead{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.cl-lessonhead__center{text-align:center;min-width:0;line-height:1.25}.cl-lessonhead__unit{letter-spacing:.6px;color:var(--vermilion-text);white-space:nowrap;font-size:11px;font-weight:600}.cl-lessonhead__title{white-space:nowrap;text-overflow:ellipsis;max-width:190px;margin:0 auto;font-size:15px;font-weight:800;overflow:hidden}.cl-hero{text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;min-height:clamp(170px,28vh,240px);padding:10px 6px;display:flex}.cl-hero__han{font-family:var(--font-han-serif), "Songti SC", "STSong", serif;letter-spacing:1px;max-width:330px;color:var(--ink-hero);margin:10px 0;font-size:clamp(30px,9vw,40px);font-weight:700;line-height:1.2}.cl-hero__han--tap{appearance:none;border:none;border-bottom:2px dotted var(--line-strong);cursor:pointer;background:0 0;align-self:center;padding:0 2px 2px}.cl-hero__han--kw{flex-wrap:wrap;justify-content:center;gap:2px 6px;display:flex}.cl-kw{color:inherit;opacity:.62;border-radius:10px;padding:0 4px;transition:background-color .18s,color .18s}.cl-kw.is-active{opacity:1;color:var(--ink-hero);background:#b23a2842;font-weight:800}@media (prefers-reduced-motion:reduce){.cl-kw{transition:none}}.cl-syls{flex-wrap:wrap;justify-content:center;gap:5px 11px;max-width:330px;margin-bottom:14px;display:flex}.cl-syl{font-family:var(--font-geist-mono), monospace;font-size:19px;font-weight:600}.cl-hero__gloss{color:var(--muted);max-width:300px;font-size:15px;line-height:1.45}.cl-qbanner{text-align:left;cursor:pointer;border:1px solid var(--line-strong);border-left:3px solid var(--vermilion);background:#b23a281f;border-radius:0 12px 12px 0;flex-direction:column;gap:3px;width:100%;margin-bottom:12px;padding:9px 12px;display:flex}.cl-qbanner__label{letter-spacing:.08em;text-transform:uppercase;color:var(--vermilion-text);align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.cl-qbanner__text{color:var(--ink-soft);font-size:14px;line-height:1.4}.cl-turn{flex-direction:column;align-items:center;gap:10px;padding:18px 0;display:flex}.cl-turn__title{color:var(--ink);font-size:16px;font-weight:800}.cl-turn__hint{color:var(--vermilion-text);font-size:12.5px}.cl-readerbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.cl-readerctl{cursor:pointer;height:32px;color:var(--muted);background:#221e1a14;border:1px solid #221e1a33;border-radius:11px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:700;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.cl-readerctl.is-on{color:var(--vermilion-text);background:#d14a3521;border-color:#d14a3573}.cl-readerctl__label{white-space:nowrap}.cl-readerctl--rom.is-on{color:#8a6d2f;background:#c49a4824;border-color:#c49a4880}.cl-kw-wrap{display:contents}.cl-kwbtn{appearance:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;margin:0;padding:0;display:inline-flex}.cl-kwbtn:focus-visible{outline-offset:2px;outline:2px solid #d14a358c}.cl-kwbtn .cl-kw{border-bottom:1.5px dotted #221e1a47}.cl-reveal{cursor:pointer;color:var(--vermilion-text);background:#b23a281a;border:1px dashed #221e1a73;border-radius:13px;align-items:center;gap:6px;margin-top:4px;padding:9px 16px;font-size:13px;font-weight:700;transition:background-color .16s,border-color .16s;display:inline-flex}.cl-reveal:hover{border-color:var(--line-strong);background:#b23a2829}.cl-listen{cursor:pointer;background:#b23a281a;border:1px dashed #221e1a80;border-radius:20px;flex-direction:column;align-items:center;gap:13px;margin:18px 0;padding:30px 34px;display:flex}.cl-listen__icon{width:42px;height:42px;color:var(--vermilion-text);background:#b23a2824;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.cl-eq{align-items:center;gap:5px;height:42px;display:flex}.cl-eq span{border-radius:3px;width:5px;animation:.9s ease-in-out infinite cl-eq}.cl-listen__title{color:var(--ink);font-size:15px;font-weight:800}.cl-listen__hint{color:var(--vermilion-text);font-size:12.5px}.cl-arec{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.cl-arec__btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.cl-arec__btn.is-recording{background:var(--vermilion);border-color:var(--vermilion);color:#fff}.cl-arec__btn:disabled{opacity:.6;cursor:default}.cl-arec__verdict{background:var(--panel);color:var(--ink-soft);border-radius:999px;align-items:center;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.cl-arec__verdict--on{color:var(--green);background:#3e8e7229}.cl-arec__verdict--close{color:var(--orange);background:#c49a482e}.cl-arec__verdict--off{color:var(--vermilion-text);background:#b23a281f}.cl-arec__note{color:var(--muted);font-size:12px}.cl-transport{justify-content:center;align-items:center;gap:14px;margin-bottom:14px;display:flex}.cl-seek{cursor:pointer;width:50px;height:50px;color:var(--ink-soft);background:#221e1a14;border:1px solid #221e1a2e;border-radius:99px;justify-content:center;align-items:center;display:flex;position:relative}.cl-seek__n{font-size:7px;font-weight:700;position:absolute;bottom:5px}.cl-play{background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));cursor:pointer;width:74px;height:74px;box-shadow:0 6px 0 var(--vermilion-deep), 0 14px 30px #b23a2880;border:none;border-radius:99px;justify-content:center;align-items:center;transition:transform 80ms,box-shadow 80ms;display:flex}.cl-play:active{box-shadow:0 2px 0 var(--vermilion-deep), 0 6px 16px #b23a2866;transform:translateY(3px)}.cl-play:disabled{opacity:.5;cursor:not-allowed}.cl-advance-lesson{width:100%;min-height:44px;color:var(--seal);cursor:pointer;background:#d14a351a;border:1px solid #d14a353d;border-radius:14px;justify-content:center;align-items:center;gap:7px;margin:-2px 0 14px;font-size:13px;font-weight:850;display:inline-flex}.cl-advance-lesson:disabled{cursor:wait;opacity:.68}.cl-play-wrap{justify-content:center;align-items:center;width:74px;height:74px;display:flex;position:relative}.cl-play-ring{pointer-events:none;width:84px;height:84px;position:absolute;inset:-5px;transform:rotate(-90deg)}.cl-play-ring__track{fill:none;stroke:var(--line);stroke-width:3px}.cl-play-ring__fill{fill:none;stroke:var(--vermilion-200);stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray .2s linear}@media (prefers-reduced-motion:reduce){.cl-play-ring__fill{transition:none}}.cl-pacing{border:1px solid var(--line);background:#221e1a0f;border-radius:13px;gap:6px;margin-top:4px;padding:4px;display:flex}.cl-pacing__opt{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:12.5px;font-weight:700;transition:background-color .16s,color .16s;display:inline-flex}.cl-pacing__opt.is-on{background:var(--vermilion);color:#fff}.cl-pacing__hint{color:var(--muted-3);text-align:center;margin:6px 0 18px;font-size:11px}.cl-lyrics{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.cl-lyrics__head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;font-size:11px;font-weight:800}.cl-lyrics__window{flex-direction:column;gap:4px;max-height:240px;display:flex;position:relative;overflow:hidden}.cl-lyrics__break{background:var(--line);height:1px;margin:4px 14px}.cl-lyrics__line{cursor:pointer;text-align:left;width:100%;color:var(--ink-soft);background:0 0;border:none;border-radius:12px;gap:2px;padding:6px 12px;transition:opacity .3s,color .3s,background-color .2s;display:grid}.cl-lyrics__line.is-past{opacity:.4}.cl-lyrics__line.is-upcoming{opacity:.55}.cl-lyrics__line.is-current{opacity:1;background:#d14a3512}.cl-lyrics__text{font-size:14px;line-height:1.4}.cl-lyrics__line.is-target .cl-lyrics__text{font-size:17px;font-weight:600}.cl-lyrics__line.is-current.is-target .cl-lyrics__text{font-size:20px;font-weight:700}.cl-lyrics__rom{color:var(--vermilion-text);font-size:12px;line-height:1.3}.cl-lyrics__gloss{color:var(--muted);font-size:12.5px;line-height:1.35}@media (prefers-reduced-motion:reduce){.cl-lyrics__line{transition:none}}.cl-newwords{border:1px solid var(--line-strong);width:100%;color:var(--ink-soft);text-align:left;cursor:pointer;background:linear-gradient(#fff,#f7f1e4);border-radius:16px;align-items:center;gap:11px;margin:2px 0 14px;padding:12px 15px;font-size:13px;transition:transform 80ms;display:flex}.cl-newwords:active{transform:translateY(1px)}.cl-newwords__body{flex:1}.cl-newwords__body strong{color:var(--ink-hero);font-weight:800}.cl-newwords__cta{color:var(--vermilion-text);white-space:nowrap;flex:none;font-size:12.5px;font-weight:800}.cl-newwords--done{cursor:default;color:var(--muted-2);gap:7px}.cl-newwords--done:active{transform:none}.cl-decode{z-index:40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cl-decode__scrim{cursor:pointer;background:#221e1a73;border:none;position:absolute;inset:0}.cl-decode__sheet{border:1px solid var(--line-strong);width:100%;max-width:440px;padding:24px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:var(--shadow-card);text-align:center;background:linear-gradient(#fff,#f7f1e4);border-bottom:none;border-radius:22px 22px 0 0;animation:.18s cl-flip-in;position:relative}.cl-decode__close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#221e1a1f;border:none;border-radius:99px;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.cl-decode-word{flex-direction:column;align-items:center;gap:12px;display:flex}.cl-decode-word__eyebrow{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:800}.cl-decode-word__text{color:var(--ink-hero);font-size:clamp(38px,16vw,62px);font-weight:800;line-height:1}.cl-decode-word__reading{flex-wrap:wrap;justify-content:center;gap:5px 10px;min-height:20px;font-size:16px;font-weight:700;display:flex}.cl-decode-word__gloss{max-width:330px;color:var(--muted);font-size:14px;line-height:1.45}.cl-decode-word__hear{cursor:pointer;height:38px;color:var(--seal);background:#d14a351a;border:1px solid #d14a3547;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-weight:800;display:inline-flex}.cl-decode-word__status{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:2px;display:grid}.cl-decode-word__mark{cursor:pointer;border:1px solid var(--line);min-height:48px;color:var(--muted);background:#ffffff8a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.cl-decode-word__mark.is-active{color:var(--seal);background:#d14a351f;border-color:#d14a3561}.cl-view--review-landing{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.cl-review-landing{gap:16px}.cl-review-landing__head{justify-content:space-between;align-items:center;gap:18px;display:flex}.cl-review-landing__eyebrow{letter-spacing:.12em;color:var(--green);font-size:11px;font-weight:800}.cl-review-landing__title{color:var(--ink-hero);margin:4px 0 0;font-size:30px;line-height:1.05}.cl-review-landing__seal{background:var(--seal);color:#fff;width:58px;height:58px;font-family:var(--font-han-serif), "Songti SC", "STSong", serif;border-radius:50%;flex:none;place-items:center;font-size:28px;font-weight:800;display:grid;box-shadow:0 14px 28px #d14a3538}.cl-review-tabs{margin-bottom:0}.cl-review-start,.cl-caught-up,.cl-review-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.cl-review-start{gap:10px}.cl-review-start__icon{width:58px;height:58px;color:var(--seal);background:#d14a351f;border:1px solid #d14a3533;border-radius:18px;place-items:center;display:grid}.cl-review-start__count{color:var(--ink-hero);font-size:72px;line-height:.92}.cl-review-start__label{color:var(--ink);font-size:17px;font-weight:850}.cl-review-start__sub,.cl-caught-up__copy{color:var(--muted);font-size:14px;line-height:1.45}.cl-review-start__cta{margin-top:12px}.cl-caught-up{gap:13px}.cl-caught-up--session{min-height:100svh}.cl-caught-up__seal{width:70px;height:70px;color:var(--green);background:#3e8e721f;border:1px solid #3e8e723d;border-radius:22px;place-items:center;display:grid}.cl-caught-up__title,.cl-review-loading__title{color:var(--ink-hero);font-size:28px;line-height:1.1}.cl-caught-up__copy{max-width:270px}.cl-caught-up__stats{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px;font-weight:800;display:flex}.cl-caught-up__stats span{background:#ffffff85;border:1px solid #221e1a1f;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;display:inline-flex}.cl-caught-up__deck{margin-top:3px}.cl-review-loading{color:var(--seal);gap:12px}.cl-reviewhead{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cl-reviewhead__label{letter-spacing:.5px;color:var(--green);white-space:nowrap;font-size:11px;font-weight:700}.cl-reviewhead__count{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:14px;font-weight:800}.cl-cardwrap{flex-direction:column;flex:1;justify-content:center;min-height:300px;display:flex}.cl-card-face{text-align:center;background:linear-gradient(#fff,#f7f1e4);border:1px solid #221e1a29;border-radius:26px;flex-direction:column;align-items:center;padding:30px 24px;display:flex;box-shadow:0 24px 56px #221e1a1f}.cl-card-replay{border:1px solid var(--line-strong);cursor:pointer;background:#b23a2824;border-radius:99px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:20px;transition:transform 80ms,border-color .12s,background .12s,box-shadow .12s;display:flex}.cl-card-replay:active{transform:scale(.93)}.cl-card-replay.is-active{background:#d14a3538;border-color:#d14a3594;box-shadow:0 0 0 6px #d14a3514}.cl-card-replay.is-active svg{animation:.82s ease-in-out infinite cl-audio-pulse}.cl-card-replay--prompt{width:84px;height:84px;margin-bottom:14px}.cl-card__prompt{color:var(--muted-3);letter-spacing:.3px;font-size:13px}.cl-card__han{font-family:var(--font-han-serif), "Songti SC", "STSong", serif;letter-spacing:1px;color:var(--ink-hero);font-size:52px;font-weight:700;line-height:1.1}.cl-card__han--back{margin-bottom:12px;font-size:40px}.cl-card__playword{border:1px solid var(--line-strong);min-width:132px;min-height:48px;color:var(--vermilion-text);cursor:pointer;background:#b23a2829;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px 20px;font-size:14px;font-weight:700;transition:transform 80ms,border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.cl-card__playword:active{transform:translateY(2px)}.cl-card__playword.is-active{background:#d14a353d;border-color:#d14a3580;box-shadow:0 0 0 5px #d14a3514}.cl-card__playword.is-active svg{animation:.82s ease-in-out infinite cl-audio-pulse}.cl-card__playword:disabled,.cl-card-replay:disabled{cursor:not-allowed;opacity:.5}.cl-card__back{flex-direction:column;align-items:center;width:100%;margin-top:16px;animation:.25s cl-flip-in;display:flex}.cl-card__syls{flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-bottom:14px;display:flex}.cl-card__gloss{color:var(--ink);margin-bottom:14px;font-size:22px;font-weight:800}.cl-card__rule{background:#221e1a29;width:100%;height:1px;margin-bottom:14px}.cl-card__ex{color:var(--muted);font-size:17px;line-height:1.5}.cl-card__hint{color:var(--muted-3);letter-spacing:.3px;margin-top:18px;font-size:12.5px;animation:2s ease-in-out infinite cl-pulse}.cl-grades{gap:8px;margin-top:8px;display:flex}.cl-grade{cursor:pointer;border-style:solid;border-width:1.5px;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 4px 10px;display:flex}.cl-grade__label{font-size:14px;font-weight:800}.cl-grade__sub{opacity:.8;font-size:10px}.cl-dirpanel{border:1px solid var(--line-strong);background:linear-gradient(#fff,#f7f1e4);border-radius:16px;flex-direction:column;gap:6px;margin-bottom:20px;padding:12px;animation:.2s cl-flip-in;display:flex}.cl-dirpanel__head{color:var(--ink);letter-spacing:.3px;flex-direction:column;gap:4px;padding:2px 4px 6px;font-size:12px;font-weight:800;display:flex}.cl-dirpanel__note{color:var(--muted-2);font-size:11px;font-weight:500;line-height:1.45}.cl-dirrow{text-align:left;cursor:pointer;border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.cl-dirrow.is-on{background:#3e8e7214;border-color:#3e8e7266}.cl-dirrow__label{color:var(--ink);font-size:13.5px;font-weight:700}.cl-dirrow__sub{color:var(--muted);margin-top:1px;font-size:11.5px}.cl-dirrow__switch{border:1px solid var(--line-strong);background:#ffffff1a;border-radius:99px;flex:none;width:38px;height:22px;transition:background .14s;position:relative}.cl-dirrow.is-on .cl-dirrow__switch{background:#3e8e728c;border-color:#3e8e7299}.cl-dirrow__knob{background:#fff;border-radius:99px;width:16px;height:16px;transition:transform .14s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #221e1a4d}.cl-dirrow.is-on .cl-dirrow__knob{transform:translate(16px)}.cl-card__newtag{letter-spacing:1px;text-transform:uppercase;color:var(--green);background:#3e8e721f;border:1px solid #3e8e7259;border-radius:99px;margin-bottom:16px;padding:3px 11px;font-size:10.5px;font-weight:800}.cl-card__syls--answer{margin-bottom:10px}.cl-medal{width:98px;height:98px;margin-bottom:10px;position:relative}.cl-medal__ring{border:1px solid #b23a284d;border-radius:99px;animation:2.4s ease-in-out infinite cl-pulse;position:absolute;inset:0}.cl-medal__core{background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));box-shadow:0 6px 0 var(--vermilion-deep), 0 14px 38px #b23a288c;border-radius:99px;justify-content:center;align-items:center;display:flex;position:absolute;inset:14px}.cl-complete__eyebrow{letter-spacing:.6px;color:var(--vermilion-text);margin-bottom:8px;font-size:11px;font-weight:700}.cl-complete__title{letter-spacing:-.3px;color:var(--ink);margin-bottom:6px;font-size:27px;font-weight:800}.cl-complete__sub{color:var(--muted);max-width:280px;margin-bottom:28px;font-size:14px;line-height:1.5}.cl-stats{gap:10px;width:100%;margin-bottom:14px;display:flex}.cl-stat{border:1px solid var(--line);background:linear-gradient(#fff,#f7f1e4);border-radius:20px;flex:1;padding:18px 10px}.cl-stat__value{font-size:30px;font-weight:800}.cl-stat__label{color:var(--muted);margin-top:4px;font-size:11px}.cl-streak-card{border:1px solid var(--line);text-align:left;background:linear-gradient(#fff,#f7f1e4);border-radius:20px;align-items:center;gap:10px;width:100%;margin-bottom:26px;padding:16px 18px;display:flex}.cl-streak-card__title{color:var(--ink);font-size:15px;font-weight:800}.cl-streak-card__sub{color:var(--muted);margin-top:1px;font-size:12px}.cl-offline-banner{color:var(--orange);background:#c49a481a;border:1px solid #c49a484d;border-radius:12px;justify-content:space-between;align-items:center;gap:7px;margin-bottom:14px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.cl-offline-banner__copy{align-items:center;gap:7px;min-width:0;display:inline-flex}.cl-queued-badge{color:#8a671c;background:#fff9ea;border-radius:999px;flex:none;align-items:center;min-height:20px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.cl-signin-card{border:1px solid var(--line);box-shadow:var(--shadow-card);background:linear-gradient(#fff,#f7f1e4);border-radius:16px;flex-direction:column;gap:12px;margin-bottom:14px;padding:16px;display:flex}.cl-signin-card__text{flex-direction:column;gap:3px;display:flex}.cl-signin-card__title{color:var(--ink);font-size:15px;font-weight:800}.cl-signin-card__sub{color:var(--muted);font-size:13px;line-height:1.4}.cl-onboarding-signin__form{width:100%;margin-top:8px}.login-screen{background:radial-gradient(125% 78% at 50% -8%,#f3ead7 0%,#fbf6ec 55% 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);width:min(100%,380px);box-shadow:var(--shadow-card);background:linear-gradient(#fff,#f7f1e4);border-radius:22px;justify-items:start;gap:14px;padding:24px;display:grid}.login-mark{border-radius:13px;width:46px;height:46px;display:block}.login-panel h1{color:var(--ink);margin:0;font-size:1.3rem}.login-panel p{color:var(--muted);margin:0}.offline-panel p{line-height:1.5}.primary-button,.subtle-link{border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));color:#fff;cursor:pointer;box-shadow:var(--shadow-raise);border:none}.subtle-link{color:var(--vermilion-text)}.cl-lesson-error{background:radial-gradient(125% 78% at 50% -8%,#f3ead7 0%,#fbf6ec 55% 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.cl-lesson-error__panel{border:1px solid var(--line);width:min(100%,390px);box-shadow:var(--shadow-card);background:linear-gradient(#fff,#f7f1e4);border-radius:18px;gap:14px;padding:24px;display:grid}.cl-lesson-error__mark{width:46px;height:46px;color:var(--vermilion);background:#f6e2dc;border-radius:13px;place-items:center;display:grid}.cl-lesson-error__eyebrow{color:var(--orange);font-size:10px;font-weight:800}.cl-lesson-error__title{color:var(--ink);margin:5px 0 0;font-size:1.35rem}.cl-lesson-error__copy{color:var(--muted);margin:8px 0 0;line-height:1.5}.cl-lesson-error__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sw-toast{right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:50;border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-card);background:linear-gradient(#fff,#f7f1e4);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed}.sw-toast button{background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;min-height:34px;padding:0 12px;display:inline-flex}.cl-pron-cta{border:1px solid var(--line-strong);color:var(--vermilion-text);cursor:pointer;background:#b23a2829;border-radius:13px;align-items:center;gap:7px;margin-top:16px;padding:9px 15px;font-size:13px;font-weight:700;transition:transform 80ms;display:inline-flex}.cl-pron-cta:active{transform:translateY(2px)}.cl-pron__sheet{text-align:center}.cl-pron__eyebrow{letter-spacing:.4px;text-transform:uppercase;color:var(--vermilion-text);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-flex}.cl-pron__han{font-family:var(--font-han-serif), "Songti SC", "STSong", serif;color:var(--ink-hero);margin-bottom:6px;font-size:32px;font-weight:700;line-height:1.2}.cl-pron__rom{color:var(--muted);margin-bottom:14px;font-size:14px}.cl-pron__chart{border:1px solid var(--line);background:var(--panel);border-radius:14px;width:100%;height:120px;margin-bottom:10px;display:block}.cl-pron__legend{justify-content:center;gap:16px;margin-bottom:12px;display:flex}.cl-pron__key{color:var(--ink-soft);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.cl-pron__key:before{content:"";border-radius:2px;width:16px;height:3px}.cl-pron__key--you:before{background:var(--vermilion)}.cl-pron__key--native:before{background:var(--orange)}.cl-pron__hint{color:var(--muted);min-height:18px;margin-bottom:12px;font-size:13px}.cl-pron__note{color:var(--orange);background:#c49a4814;border:1px solid #c49a4847;border-radius:12px;margin-bottom:12px;padding:9px 12px;font-size:12.5px;line-height:1.4}.cl-pron__verdict{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;align-items:center;gap:10px;margin-bottom:10px;padding:9px 12px;display:flex}.cl-pron__band{letter-spacing:.02em;border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:700}.cl-pron__verdict-detail{color:var(--ink-soft);flex:1;font-size:13px;line-height:1.35}.cl-pron__verdict-score{font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-size:13px;font-weight:700}.cl-pron__verdict--on .cl-pron__band{color:#fbf6ec;background:var(--green)}.cl-pron__verdict--close .cl-pron__band{color:#2a1e08;background:var(--orange)}.cl-pron__verdict--off .cl-pron__band{color:#fbf6ec;background:var(--vermilion)}.cl-pron__verdict--neutral .cl-pron__band,.cl-pron__verdict--unknown .cl-pron__band{color:var(--bg);background:var(--muted)}.cl-pron__persyll{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin-bottom:10px;padding:9px 12px}.cl-pron__persyll-head{letter-spacing:.02em;color:var(--ink-soft);margin-bottom:6px;font-size:12px;font-weight:700}.cl-pron__persyll-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cl-pron__persyll-row{align-items:center;gap:8px;font-size:13px;display:flex}.cl-pron__persyll-dot{border-radius:999px;flex:none;width:9px;height:9px}.cl-pron__persyll-target{color:var(--ink-soft);flex:1}.cl-pron__persyll-detail{color:var(--muted);flex:none;font-size:12px;font-weight:700}.cl-pron__persyll-row--on .cl-pron__persyll-detail{color:var(--green)}.cl-pron__persyll-row--close .cl-pron__persyll-detail{color:var(--orange)}.cl-pron__persyll-row--off .cl-pron__persyll-detail{color:var(--vermilion)}.cl-pron__best{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted-2);margin-bottom:12px;font-size:12px}.cl-pron__controls{align-items:stretch;gap:8px;display:flex}.cl-pron__rec{color:#fff;cursor:pointer;background:linear-gradient(180deg, var(--vermilion-light), var(--vermilion));box-shadow:0 4px 0 var(--vermilion-deep), 0 10px 20px #b23a284d;border:none;border-radius:13px;flex:1.3;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.cl-pron__rec:active{box-shadow:0 2px 0 var(--vermilion-deep), 0 6px 14px #b23a284d;transform:translateY(2px)}.cl-pron__rec:disabled{opacity:.5;cursor:default}.cl-pron__rec.is-recording{background:linear-gradient(#ff6b6b,#e23b3b);animation:1.1s ease-in-out infinite cl-pulse;box-shadow:0 4px #8f1f1f,0 10px 20px #e23b3b52}.cl-pron__sec{border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:#221e1a14;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px 8px;font-size:12.5px;font-weight:700;transition:transform 80ms;display:inline-flex}.cl-pron__sec:active{transform:translateY(2px)}.cl-pron__sec:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){.cl-pron__rec.is-recording{animation:none}}.cl-deck-entry{cursor:pointer;text-align:left;border:1px solid var(--line);background:#221e1a0f;border-radius:14px;align-items:center;gap:9px;width:100%;margin-top:8px;padding:11px 14px;transition:transform 80ms;display:flex}.cl-deck-entry:active{transform:translateY(1px)}.cl-deck-entry__label{color:var(--ink-soft);flex:none;font-size:13px;font-weight:700}.cl-deck-entry__stats{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11.5px;font-weight:600;overflow:hidden}.cl-deck-entry__dot{color:var(--muted-3);margin:0 5px}.cl-deck-stats{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:14px;display:grid}.cl-deck-stat{cursor:pointer;border:1px solid var(--line);background:linear-gradient(#fff,#f7f1e4);border-radius:13px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;transition:border-color .12s,background .12s;display:flex}.cl-deck-stat.is-active{border-color:var(--line-strong);background:#221e1a24}.cl-deck-stat__n{color:var(--ink);font-size:18px;font-weight:800;line-height:1}.cl-deck-stat__label{letter-spacing:.3px;text-transform:uppercase;color:var(--muted-2);font-size:9.5px;font-weight:700}.cl-deck-due{color:var(--muted);align-items:center;gap:6px;margin-bottom:16px;font-size:12.5px;display:flex}.cl-deck-due strong{font-weight:800}.cl-deck-allknown{color:var(--green);background:#3e8e7217;border:1px solid #3e8e7252;border-radius:14px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:12.5px;font-weight:600;display:flex}.cl-deck-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 24px;display:flex}.cl-deck-empty__icon{border:1px solid var(--line-strong);background:#b23a2824;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;display:flex}.cl-deck-empty__title{color:var(--ink);font-size:19px;font-weight:800}.cl-deck-empty__sub{color:var(--muted);max-width:280px;font-size:13px;line-height:1.5}.cl-deck-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:18px;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.cl-deck-list::-webkit-scrollbar{display:none}.cl-deck-group{flex-direction:column;gap:7px;display:flex}.cl-deck-group__head{letter-spacing:.4px;text-transform:uppercase;color:var(--muted-2);align-items:center;gap:7px;padding:0 2px 2px;font-size:11px;font-weight:800;display:flex}.cl-deck-group__dot{border-radius:99px;flex:none;width:8px;height:8px}.cl-deck-group__count{color:var(--muted-3);font-weight:700}.cl-deck-group__empty{color:var(--muted-2);padding:8px 4px;font-size:12.5px}.cl-deck-row{border:1px solid var(--line);background:linear-gradient(#fff,#f7f1e4);border-radius:15px;align-items:center;gap:10px;padding:11px 13px;display:flex}.cl-deck-row__main{flex:1;min-width:0}.cl-deck-row__han{color:var(--ink-hero);font-size:21px;font-weight:600;line-height:1.2}.cl-deck-row__meta{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:3px;display:flex}.cl-deck-row__rom{gap:5px;font-size:12.5px;display:inline-flex}.cl-deck-row__gloss{color:var(--muted);text-overflow:ellipsis;min-width:0;font-size:12.5px;overflow:hidden}.cl-deck-row__actions{flex:none;gap:6px;display:flex}.cl-deck-act{cursor:pointer;border:1px solid var(--line-strong);width:34px;height:34px;color:var(--muted);background:#221e1a14;border-radius:11px;justify-content:center;align-items:center;transition:transform 80ms,background .12s;display:flex}.cl-deck-act:active{transform:translateY(1px)}.cl-deck-act.is-known{color:var(--green);background:#46a0831a;border-color:#46a08366}.cl-deck-act.is-ignored{color:var(--orange);background:#c49a4817;border-color:#c49a4861}.cl-deck-act.is-reset{color:var(--vermilion-200);background:#b23a281a;border-color:#b23a2866}.cl-profile-head{justify-content:space-between;align-items:center;gap:16px;padding:4px 0 18px;display:flex}.cl-profile-head__eyebrow{letter-spacing:.8px;color:var(--muted-2);text-transform:uppercase;margin-bottom:5px;font-size:11px}.cl-profile-head__title{color:var(--ink-hero);margin:0;font-size:32px;line-height:1}.cl-profile-hero{border:1px solid var(--line-strong);background:linear-gradient(135deg,#b23a281f,#3e8e7214),#fff;border-radius:18px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:14px;padding:17px;display:grid;box-shadow:0 12px 28px #221e1a14}.cl-profile-hero__seal{width:78px;height:78px;color:var(--vermilion);background:#b23a281a;border:2px solid #b23a287a;border-radius:22px;justify-content:center;align-items:center;font-size:38px;line-height:1;display:flex}.cl-profile-hero__label{letter-spacing:.8px;color:var(--muted-2);font-size:10.5px}.cl-profile-hero__count{color:var(--ink-hero);font-size:46px;line-height:.95}.cl-profile-hero__sub{color:var(--muted);margin-top:3px;font-size:13px;font-weight:650}.cl-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.cl-profile-stat{border:1px solid var(--line);min-width:0;color:var(--muted);background:#ffffffd1;border-radius:16px;padding:12px 10px}.cl-profile-stat svg{color:var(--green)}.cl-profile-stat__value{color:var(--ink-hero);margin-top:8px;font-size:25px;line-height:1}.cl-profile-stat__value span{color:var(--muted);margin-left:1px;font-size:14px}.cl-profile-stat__label{letter-spacing:.45px;text-transform:uppercase;color:var(--muted-2);margin-top:5px;font-size:10px;font-weight:800}.cl-profile-panel{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;margin-bottom:14px;padding:14px}.cl-profile-section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.cl-profile-kicker{letter-spacing:.8px;color:var(--muted-3);font-size:10px}.cl-profile-section-title{color:var(--ink-hero);margin:3px 0 0;font-size:19px}.cl-profile-pill{color:var(--green);background:#3e8e721a;border:1px solid #3e8e724d;border-radius:99px;flex:none;padding:5px 9px;font-size:11px;font-weight:800}.cl-streak-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.cl-streak-day{aspect-ratio:1;min-width:0;color:var(--muted-3);background:#221e1a0b;border:1px solid #221e1a1a;border-radius:10px;justify-content:center;align-items:center;font-size:9.5px;font-weight:800;display:flex}.cl-streak-day.is-active{color:var(--green);background:#3e8e722e;border-color:#3e8e7273}.cl-profile-records{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.cl-record-item{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:11px;display:flex}.cl-record-item svg{color:var(--orange);flex:none}.cl-record-item__value{color:var(--ink-hero);font-size:18px;line-height:1.05}.cl-record-item__label{letter-spacing:.35px;text-transform:uppercase;color:var(--muted-2);margin-top:3px;font-size:10px;font-weight:800}.cl-profile-milestones{flex-direction:column;gap:10px;display:flex}.cl-milestone{border-top:1px solid #221e1a14;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:11px 0;display:grid}.cl-milestone:first-child{border-top:none;padding-top:0}.cl-milestone:last-child{padding-bottom:0}.cl-milestone__icon{width:42px;height:42px;color:var(--muted);border:1px solid var(--line);background:#221e1a0f;border-radius:14px;justify-content:center;align-items:center;display:flex}.cl-milestone.is-done .cl-milestone__icon{color:var(--green);background:#3e8e721f;border-color:#3e8e7252}.cl-milestone__body{min-width:0}.cl-milestone__title{color:var(--ink-soft);font-size:13.5px;font-weight:800}.cl-milestone__sub{color:var(--muted);margin:2px 0 8px;font-size:12px}@media (max-width:370px){.cl-profile-stats,.cl-profile-records{grid-template-columns:1fr}.cl-record-item{min-height:62px}}.cl-tonelab{position:relative;overflow:hidden}.cl-tonelab__watermark{color:#221e1a0a;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:240px;line-height:1;position:absolute;bottom:-24px;right:-8px}.cl-tonelab .cl-content{z-index:1;position:relative}.cl-tonelab__head{margin-bottom:12px}.cl-tonelab__voicewarn{color:var(--muted);background:#c49a481a;border:1px solid #c49a4847;border-radius:10px;margin:0 0 14px;padding:8px 10px;font-size:11.5px}.cl-tonestaff{width:100%;display:block}.cl-tonestaff__dim{opacity:.28}.cl-tonelab__gate{flex-direction:column;gap:14px;padding-top:8px;display:flex}.cl-tonelab__gatetitle{color:var(--ink-hero);margin:6px 0 0;font-size:30px;font-weight:800;line-height:1.1}.cl-tonelab__gatebody{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.cl-tonelab__preview{align-items:flex-end;gap:8px;height:92px;padding:8px 0;display:flex}.cl-tonelab__bar{border-radius:5px 5px 2px 2px;flex:1;min-height:18px}.cl-tonelab__caption{color:var(--muted);letter-spacing:.04em;text-align:center;font-size:12px}.cl-tonelab__cta{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;display:inline-flex}.cl-tonelab__skip{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:13px}.cl-tonelab__skip:hover{color:var(--ink)}.cl-tonelab__h2{color:var(--ink-hero);margin:4px 0 2px;font-size:19px;font-weight:800}.cl-tonelab__hint{color:var(--muted);margin:0 0 14px;font-size:13px}.cl-tonelab__empty{color:var(--ink-soft);padding:24px 4px;font-size:14px;line-height:1.5}.cl-tonelab__rows{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.cl-tonelab-row{background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--ink);border-radius:14px;grid-template-columns:64px 22px 1fr 22px;align-items:center;gap:10px;padding:8px 12px;display:grid}.cl-tonelab-row:active{transform:translateY(1px)}.cl-tonelab-row--static{cursor:default}.cl-tonelab-row--unavailable{opacity:.92}.cl-tonelab-row .cl-tonestaff{width:64px;height:44px}.cl-tonelab-row__num{text-align:center;font-size:20px;font-weight:800}.cl-tonelab-row__body{flex-direction:column;gap:1px;min-width:0;display:flex}.cl-tonelab-row__en{color:var(--ink);font-size:13.5px;font-weight:700}.cl-tonelab-row__native{color:var(--muted);font-size:12.5px}.cl-tonelab-row__rom{color:var(--muted)}.cl-tonelab-row__soon{color:var(--orange);margin-top:2px;font-size:11px}.cl-tonelab__insight,.cl-tonelab__warn{border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.cl-tonelab__insight{color:#7a5e1e;background:#c49a481f;border:1px solid #c49a484d}.cl-tonelab__warn{color:var(--vermilion-text);background:#d14a351a;border:1px solid #d14a3547}.cl-tonelab__insight svg,.cl-tonelab__warn svg{flex-shrink:0;margin-top:1px}.cl-tonelab__dots{align-items:center;gap:6px;margin-bottom:16px;display:flex}.cl-tonelab__dot{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.cl-tonelab__dot.is-done{background:var(--green)}.cl-tonelab__dot.is-active{background:var(--vermilion);box-shadow:0 0 0 3px #d14a352e}.cl-tonelab__tally{color:var(--muted);margin-left:auto;font-size:12px}.cl-tonelab-hear__play{background:var(--vermilion);color:#fbf6ec;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:8px auto 20px;animation:2s ease-in-out infinite cl-pulse;display:flex;box-shadow:0 8px 22px #b23a2857}.cl-tonelab-hear__play:active{transform:scale(.96)}.cl-tonelab-hear__choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cl-tonelab-hear__choice{background:var(--surface);border:1.5px solid var(--line);cursor:pointer;color:var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.cl-tonelab-hear__choice .cl-tonestaff{height:48px}.cl-tonelab-hear__choice.is-correct{border-color:var(--green);background:#3e8e7214}.cl-tonelab-hear__choice.is-wrong{background:#c49a481a;border-color:#c49a48b3}.cl-tonelab__feedback{color:var(--ink);flex-direction:column;align-items:center;gap:12px;margin-top:16px;font-size:14px;display:flex}.cl-tonelab__next{background:var(--ink);color:#fbf6ec;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}.cl-tonelab__hear--summary{text-align:center;padding-top:24px}.cl-tonelab__chips{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.cl-tonelab__chip{border:1.5px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:12px;font-size:15px;font-weight:800}.cl-tonelab__chip.is-on{background:#d14a350f}.cl-tonelab__target{justify-content:center;align-items:center;gap:14px;margin-bottom:12px;display:flex}.cl-tonelab__targetchar{color:var(--ink-hero);font-size:52px;font-weight:800;line-height:1}.cl-tonelab__targetmeta{flex-direction:column;gap:2px;display:flex}.cl-tonelab__targetmeta .mono{font-size:18px;font-weight:700}.cl-tonelab__targeten{color:var(--muted);font-size:13px}.cl-tonelab__say .cl-tonestaff{border:1px solid var(--line);background:var(--surface);border-radius:14px;height:120px}.cl-tonelab__staffcap{color:var(--muted-2);text-align:center;margin:6px 0 14px;font-size:10.5px}.cl-tonelab__compare{color:var(--ink-soft);background:#4666a814;border:1px solid #4666a838;border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.45}.cl-tonelab__eq{justify-content:center;margin-top:14px}.cl-tonelab__picker{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.cl-tonelab__primer{flex-direction:column;gap:14px;padding-top:8px;display:flex}.cl-tonelab__primercard{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:18px;width:100%;padding:16px}.cl-tonelab__primercard .cl-tonestaff{height:96px}.cl-tonelab__primermeta{align-items:center;gap:10px;margin-top:12px;display:flex}.cl-tonelab__primernative{color:var(--ink-hero);font-size:22px;font-weight:800}.cl-tonelab__primermeta .cl-tonelab-row__en{margin-left:2px}.cl-tonelab__primermeta svg{color:var(--vermilion);margin-left:auto}.cl-tonechip{background:var(--surface);border:1px solid var(--line);max-width:100%;box-shadow:var(--shadow-card);cursor:pointer;color:var(--ink-soft);border-radius:999px;align-self:center;align-items:center;gap:8px;margin:4px 0 2px;padding:7px 12px;font-size:12.5px;display:inline-flex}.cl-tonechip:active{transform:translateY(1px)}.cl-tonechip__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cl-tonechip__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cl-tonechip__label .han{font-size:13px}.cl-tonechip__cta{color:var(--vermilion-text);flex-shrink:0;font-weight:700}.cl-settings__group{margin-top:18px}.cl-dirrow--link{align-items:center}.cl-dirrow--link svg{color:var(--muted-2);flex-shrink:0}.cl-vie-module{box-shadow:var(--shadow-card);background:linear-gradient(#fff,#f3f7f2);border:1px solid #3e8e7238;border-radius:18px;margin-bottom:18px;padding:15px}.cl-vie-module__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cl-vie-module__eyebrow,.cl-vie-home-card__eyebrow{color:var(--green);letter-spacing:.08em;font-size:10.5px;font-weight:850}.cl-vie-module__title{color:var(--ink);margin:3px 0 0;font-size:22px;font-weight:600;line-height:1.12}.cl-vie-module__sub{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:650;line-height:1.4}.cl-vie-badge{min-width:62px;color:var(--green);text-align:center;background:#3e8e721f;border-radius:14px;flex:none;padding:9px 10px;font-size:13px;font-weight:900}.cl-vie-badge.is-earned{background:var(--green);color:#fff}.cl-vie-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px;display:grid}.cl-vie-level{min-height:98px;color:var(--muted);background:#ffffffd1;border:1px solid #221e1a1f;border-radius:14px;padding:10px}.cl-vie-level span{color:var(--green);font-size:10px;font-weight:850;display:block}.cl-vie-level strong{color:var(--ink);margin-top:4px;font-size:12px;line-height:1.2;display:block}.cl-vie-level small{margin-top:5px;font-size:10.5px;font-weight:650;line-height:1.32;display:block}.cl-vie-level.is-locked{opacity:.56}.cl-vie-level.is-earned{background:#3e8e721a;border-color:#3e8e7261}.cl-vie-gates{gap:8px;margin-top:14px;display:grid}.cl-vie-gate{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;font-size:12px;font-weight:750;display:grid}.cl-vie-gate strong{color:var(--ink);font-size:11.5px}.cl-vie-gate .cl-progress{grid-column:1/-1}.cl-vie-manual{gap:7px;margin-top:14px;display:grid}.cl-vie-manual button{min-height:39px;color:var(--ink-soft);text-align:left;cursor:pointer;background:#ffffffb8;border:1px solid #221e1a1f;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:780;display:flex}.cl-vie-manual button.is-checked{color:var(--green);background:#3e8e721a;border-color:#3e8e7261}.cl-vie-packs{gap:8px;margin-top:14px;display:grid}.cl-vie-pack{background:#fff;border:1px solid #221e1a1f;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.cl-vie-pack__title{color:var(--ink);font-size:13px;font-weight:850}.cl-vie-pack__sub{color:var(--muted);margin-top:3px;font-size:11px;font-weight:650;line-height:1.35}.cl-vie-pack__review{min-height:36px;color:var(--vermilion-text);cursor:pointer;background:#d14a351f;border:none;border-radius:12px;flex:none;padding:0 12px;font-size:12px;font-weight:850}.cl-vie-empty{border:1px dashed var(--line-strong);color:var(--muted);border-radius:14px;padding:12px;font-size:12px;font-weight:750}.cl-vie-home-card{width:100%;min-height:76px;box-shadow:var(--shadow-card);color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(#fff,#f3f7f2);border:1px solid #3e8e723d;border-radius:18px;align-items:center;gap:12px;margin-top:13px;padding:12px;display:flex}.cl-vie-home-card__mark{width:46px;height:46px;color:var(--green);background:#3e8e7221;border-radius:14px;flex:none;place-items:center;font-size:24px;font-weight:850;display:grid}.cl-vie-home-card__body{flex-direction:column;gap:3px;min-width:0;display:flex}.cl-vie-home-card__body strong{color:var(--ink);font-size:14px}.cl-vie-home-card__body small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.cl-vie-home-card__pct{color:var(--green);flex:none;margin-left:auto;font-size:14px;font-weight:900}.cl-settings__dialect{border:1px solid var(--line-strong);background:#ffffffad;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:grid}.cl-segmented{background:#221e1a0f;border:1px solid #221e1a21;border-radius:12px;padding:3px;display:inline-flex}.cl-segmented button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 10px;font-size:11.5px;font-weight:850}.cl-segmented button.is-active{color:var(--vermilion-text);background:#fff;box-shadow:0 2px 8px #221e1a1a}.cl-dictation{flex-direction:column;align-items:center;width:min(100%,360px);display:flex}.cl-dictation__input{border:1.5px solid var(--line-strong);width:100%;min-height:52px;color:var(--ink);text-align:center;background:#fff;border-radius:15px;margin-top:14px;padding:0 14px;font-size:20px;font-weight:750}.cl-dictation__input:focus{border-color:#d14a3585;outline:none;box-shadow:0 0 0 4px #d14a351a}.cl-dictation__check{background:var(--vermilion);color:#fff;cursor:pointer;border:none;border-radius:13px;min-height:42px;margin-top:10px;padding:0 18px;font-size:13px;font-weight:850}.cl-dictation__check:disabled{cursor:not-allowed;color:var(--muted);background:#221e1a1f}.cl-dictation-result{color:var(--green);background:#3e8e721a;border-radius:13px;flex-direction:column;gap:3px;margin-bottom:12px;padding:9px 12px;font-size:13px;font-weight:850;display:flex}.cl-dictation-result small{color:var(--muted);font-size:11px;font-weight:650}.cl-grade--suggested{background:var(--green);border-color:var(--green);color:#fff}.cl-grade--suggested .cl-grade__label,.cl-grade--suggested .cl-grade__sub{color:#fff}@media (max-width:420px){.cl-vie-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-settings__dialect{grid-template-columns:1fr}.cl-segmented{width:100%}.cl-segmented button{flex:1}}.offline-link{color:var(--muted-2);margin-top:14px;font-size:13px;text-decoration:underline;display:inline-block}.cl-downloads__top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.cl-downloads__title{font-size:20px;font-weight:700}.cl-downloads__storage{color:var(--muted-2);margin-bottom:18px;font-size:12px}.cl-downloads__course{margin-bottom:20px}.cl-downloads__course-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.cl-downloads__course-title{font-size:15px;font-weight:700}.cl-downloads__all{color:var(--vermilion);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.cl-downloads__all.is-done{color:var(--green);cursor:default}.cl-downloads__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cl-downloads__row{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.cl-downloads__row-title{flex:1;min-width:0;font-size:13px}.cl-downloads__row-actions{align-items:center;gap:8px;display:inline-flex}.cl-downloads__badge{color:var(--green);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.cl-downloads__dl{color:var(--vermilion);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.cl-downloads__progress{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.cl-downloads__del{width:30px;height:30px}.cl-downloads__err{color:var(--vermilion);flex-basis:100%;font-size:11px}.cl-profile-linkrow{border:1px solid var(--line);background:var(--surface-2);color:inherit;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.cl-profile-linkrow__icon{color:var(--vermilion);display:inline-flex}.cl-profile-linkrow__body{flex-direction:column;flex:1;display:flex}.cl-profile-linkrow__title{font-size:14px;font-weight:700}.cl-profile-linkrow__sub{color:var(--muted-2);font-size:12px}.cl-profile-linkrow svg{color:var(--muted-2)}.cl-sync-chip{z-index:40;letter-spacing:.01em;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:12px;font-weight:700;display:inline-flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #221e1a1f}.cl-sync-chip__dot{background:var(--muted);border-radius:999px;width:8px;height:8px}.cl-sync-chip--offline .cl-sync-chip__dot{background:var(--vermilion)}.cl-sync-chip--pending .cl-sync-chip__dot{background:var(--orange)}.cl-sync-chip{pointer-events:auto;cursor:default;font-family:inherit;text-decoration:none}.cl-sync-chip--cloud-off,.cl-sync-chip--error{cursor:pointer}.cl-sync-chip--cloud-off .cl-sync-chip__dot,.cl-sync-chip--error .cl-sync-chip__dot{background:var(--vermilion)}.cl-profile-linkbtn{color:var(--vermilion);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none}