:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#1d629159,#0000 35%),radial-gradient(circle at 100%,#00d2aa2e,#0000 28%),linear-gradient(#05070d 0%,#08111f 45%,#03060c 100%);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;border:none}table{border-collapse:collapse}.app-shell{min-height:100vh;padding:24px 16px 40px;position:relative}.app-background,.app-noise{pointer-events:none;position:fixed;inset:0}.app-background{filter:blur(10px);background:radial-gradient(circle at 20% 20%,#2889ff24,#0000 22%),radial-gradient(circle at 80% 0,#13ffc41f,#0000 20%),radial-gradient(circle at 50% 100%,#19c37d1f,#0000 18%)}.app-noise{opacity:.12;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px}.page-wrap{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.panel{background:linear-gradient(#0a1422eb,#060c16eb);border:1px solid #59c9ff38;border-radius:28px;padding:28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #42dfff14,0 24px 60px #00000073,inset 0 1px #ffffff0a}.panel:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#58deff73,#0000 36%,#31ffb047);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.page-title,.section-title{margin:12px 0 10px;line-height:1.15}.page-title{font-size:clamp(30px,5vw,46px)}.section-title{font-size:clamp(24px,4vw,32px)}.page-subtitle,.section-desc{color:#9ec8d8;margin:0}.chip{color:#7fe8ff;letter-spacing:.08em;background:#2b7eff2e;border:1px solid #64c8ff47;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;display:inline-flex}.primary-btn,.secondary-btn,.danger-btn{color:#effcff;border-radius:16px;min-height:46px;padding:12px 18px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.primary-btn:hover,.secondary-btn:hover,.danger-btn:hover{transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg,#1b72ff,#12d1ff 58%,#18e59f);box-shadow:0 10px 24px #009aff47}.secondary-btn{background:#12253aeb;border:1px solid #61b5ff3d}.danger-btn{background:linear-gradient(135deg,#571c2cf2,#a12d54f2);border:1px solid #ff80ab3d}.hero-grid,.page-head,.training-topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.hero-tip,.help-card,.side-info-card,.setting-card,.stat-card{background:#0a1828d1;border:1px solid #55a4e029;border-radius:20px}.hero-tip{width:min(320px,100%);padding:18px}.tip-title,.help-title,.small-label{color:#7fe8ff}.tip-text,.help-card p{color:#b6d8e6;margin:8px 0 0}.action-grid,.stats-grid,.settings-grid{gap:16px;display:grid}.action-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:28px 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{padding:18px}.stat-label{color:#89afc0;margin:0 0 12px;font-size:14px}.stat-value{color:#f2fdff;word-break:break-word;margin:0;font-size:26px}.toolbar-actions{flex-wrap:wrap;gap:12px;display:flex}.training-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:20px;margin-top:22px;display:grid}.main-training-card,.side-info-card{background:#06101cc7;border:1px solid #4f9fd62e;border-radius:24px;padding:22px}.word-meaning-row{margin-bottom:18px}.meaning-text{margin:8px 0 0;font-size:clamp(28px,4vw,42px)}.virtual-input-panel{background:#020a12f5;border:1px solid #52b5ff29;border-radius:24px;padding:20px;box-shadow:inset 0 0 0 1px #40b1ff0a}.virtual-input-panel.is-correct{animation:.42s glow-pulse}.virtual-input-panel.is-error{animation:.34s shake}.panel-header-line,.status-row,.line-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header-line{color:#90b7c8}.char-grid{flex-wrap:wrap;gap:10px;margin:18px 0 16px;display:flex}.char-box{background:#0c1824eb;border:1px solid #5b809a47;border-radius:14px;justify-content:center;align-items:center;min-width:38px;height:48px;font-size:22px;font-weight:700;display:inline-flex}.char-box.pending{color:#778999}.char-box.space-char{color:#5a7787;border-style:dashed}.char-box.correct-char{color:#b8ffe8;background:#105b4661;border-color:#4fffb073;box-shadow:0 0 18px #2effa424}.char-box.wrong-char{color:#ffd2dd;background:#62162e6b;border-color:#ff629a73}.char-box.neutral{color:#e6fbff}.ghost-input{color:#cfeef7;margin-bottom:16px}.ghost-label{color:#7fa7b5}.ghost-value{word-break:break-all}.progress-bar{background:#102230f0;border-radius:999px;height:10px;overflow:hidden}.progress-inner{border-radius:inherit;background:linear-gradient(90deg,#1b7cff,#2de5ff,#18e59f);height:100%;box-shadow:0 0 12px #24d9ff4d}.status-row{margin-top:16px}.status-pill{border:1px solid #64baff38;border-radius:999px;padding:6px 12px;font-size:13px}.status-pill.typing{color:#9ed8ff}.status-pill.correct{color:#b9ffdf;border-color:#39ffaa57}.status-pill.error{color:#ffd0db;border-color:#ff669957}.status-pill.hint{color:#ffe59a;border-color:#ffd25c52}.feedback-text,.answer-tip,.hint-box{margin-top:14px}.feedback-text{color:#d9f6ff}.answer-tip{color:#ffd8e4;background:#57142a5c;border-radius:16px;padding:12px 14px}.hint-box{color:#ffe8a6;background:#57420d4d;border-radius:16px;padding:12px 14px}.error-position{color:#ff9eb9}.stat-list{gap:12px;display:grid}.line-item{background:#0b1724e0;border-radius:16px;padding:12px 14px}.line-item span{color:#8fb2c1}.line-item strong{color:#effcff}.help-card{margin-top:18px;padding:16px}.mobile-keyboard-card{display:none}.table-wrap{margin-top:24px;overflow-x:auto}.data-table{border-radius:18px;width:100%;min-width:780px;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #496a7e3d;padding:14px 12px}.data-table th{color:#7fe8ff;background:#0d1e30f5;font-weight:600}.data-table td{color:#e6fbff;background:#07111cdb}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:24px}.setting-card{color:#e6fbff;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.setting-card input[type=checkbox]{accent-color:#21d6ff;width:22px;height:22px}.number-card{flex-direction:column;align-items:flex-start}.number-card input[type=number]{color:#effcff;background:#08111cfa;border:1px solid #64baff38;border-radius:14px;width:100%;margin-top:8px;padding:12px 14px}@keyframes glow-pulse{0%{box-shadow:0 0 #2cecb200}50%{box-shadow:0 0 24px #2cecb240}to{box-shadow:0 0 #2cecb200}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@media (width<=900px){.panel{border-radius:24px;padding:22px 18px}.hero-grid,.page-head,.training-topbar,.training-layout{flex-direction:column;grid-template-columns:1fr}.training-layout{display:grid}.hero-tip,.toolbar-actions,.secondary-btn,.danger-btn,.primary-btn{width:100%}.toolbar-actions{display:grid}.char-box{min-width:34px;height:44px;font-size:20px}}@media (width<=600px){.app-shell{padding:14px 10px 190px}.panel{padding:18px 14px}.page-title{font-size:28px}.section-title{font-size:24px}.meaning-text{font-size:30px}.action-grid,.stats-grid,.settings-grid{grid-template-columns:1fr}.char-grid{gap:8px}.char-box{border-radius:12px;min-width:30px;height:40px;font-size:18px}.training-panel{overflow:visible}.mobile-keyboard-card{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06101cf5;border:1px solid #4f9fd63d;border-radius:20px;margin-top:16px;padding:14px;display:block;position:sticky;bottom:10px;box-shadow:0 18px 36px #00000052}.mobile-keyboard-head{color:#8fb2c1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.mobile-keyboard{gap:8px;display:grid}.keyboard-row{justify-content:center;gap:6px;display:flex}.keyboard-key{color:#effcff;text-transform:lowercase;background:#0d1e30f5;border:1px solid #61b5ff33;border-radius:12px;flex:1;min-width:0;height:42px;font-weight:700;box-shadow:inset 0 -2px #ffffff0a}.keyboard-key:disabled{opacity:.45}.keyboard-key--wide{text-transform:none;flex:33.33%;font-size:14px}.keyboard-key--space{text-transform:none;flex:1;max-width:none}}