.learning-device{color:#66655d;background:#f1eee7;border:1px solid #e3dfd5;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:14px 17px;font-size:.82rem;line-height:1.6;display:flex}.learning-device svg{flex-shrink:0;margin-top:3px}.learning-device strong{color:#333b33}.learning-split{grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);align-items:start;gap:24px;display:grid}.learning-workbench{padding:30px!important}.learning-workbench h2{font-family:var(--font-serif,Georgia,serif);margin:0;font-size:1.65rem}.learning-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.learning-muted{color:#7a7b70;font-size:.87rem;line-height:1.7}.learning-character-meta{align-items:center;gap:14px;display:flex}.learning-character-meta>span{font-size:2.6rem;line-height:1.3}.learning-character-meta p{margin:2px 0}.learning-board{aspect-ratio:1;touch-action:none;background:linear-gradient(45deg,#0000 calc(50% - .5px),#e5dfd3 50%,#0000 calc(50% + .5px)),linear-gradient(-45deg,#0000 calc(50% - .5px),#e5dfd3 50%,#0000 calc(50% + .5px)),linear-gradient(90deg,#0000 calc(50% - .5px),#d9d2c5 50%,#0000 calc(50% + .5px)),linear-gradient(0deg,#0000 calc(50% - .5px),#d9d2c5 50%,#0000 calc(50% + .5px)),#fdfbf6;border:1px solid #ddd7cb;border-radius:16px;width:min(100%,320px);margin:22px auto;position:relative;overflow:hidden}.learning-board svg{max-width:100%;height:auto;display:block}.learning-board:focus-visible{outline-offset:3px;outline:3px solid #c3cdbb}.learning-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.learning-actions .button{justify-content:center;min-height:43px;padding:11px 16px;font-size:.83rem}.learning-button{min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #dfdfd3;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;display:inline-flex}.learning-button:hover{background:#f0eee6}.learning-button:disabled{opacity:.5;cursor:not-allowed}.learning-tabs{background:#efede6;border-radius:11px;flex-wrap:wrap;gap:5px;margin:22px 0;padding:5px;display:flex}.learning-tabs button{color:#71756a;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:42px;padding:10px 15px;font-size:.82rem}.learning-tabs button[aria-pressed=true]{color:#283a31;background:#fffdf8;box-shadow:0 1px 4px #29352b0a}.learning-feedback{color:#636a5d;background:#f3f1e9;border-radius:10px;min-height:62px;margin:18px 0;padding:13px 15px;font-size:.88rem;line-height:1.5}.learning-feedback.good{color:#46613d;background:#edf2e8}.learning-feedback.error{color:#9a5740;background:#fbede5}.learning-mini-stats{border-top:1px solid #e9e5da;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;padding-top:20px;display:grid}.learning-mini-stats strong{color:#2d3c30;font-size:1.35rem;display:block}.learning-mini-stats span{color:#828477;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.learning-character-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.learning-char-link{text-align:center;color:inherit;background:#fffdf8;border:1px solid #e4dfd4;border-radius:12px;padding:14px 4px;text-decoration:none;transition:background .2s,transform .2s}.learning-char-link:hover{background:#f5ede3;transform:translateY(-2px)}.learning-char-link.active{background:#edf1e7;border-color:#b0bba3}.learning-char-link b{font-size:2rem;font-weight:400;display:block}.learning-char-link small{color:#868676;font-size:.72rem}.learning-tip{border-top:1px solid #e8e4d8;margin-top:24px;padding-top:22px}.learning-tip h3{font-size:1rem}.learning-tip p{color:#73776a;font-size:.87rem;line-height:1.8}.learning-score{align-items:center;gap:16px;display:flex}.learning-score>strong{color:#456345;font-size:3rem;font-weight:500;line-height:1}.learning-score p{margin:4px 0}.learning-word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.learning-word{min-height:220px;position:relative;padding:25px!important}.learning-word h2{margin:10px 0 5px;font-size:2.6rem;font-weight:400}.learning-word h3{margin:12px 0;font-size:1.05rem}.learning-word p{font-size:.87rem;line-height:1.7}.learning-word-top{justify-content:space-between;align-items:center;display:flex}.learning-icon-button{color:#768270;cursor:pointer;background:0 0;border:1px solid #e4e2d8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.learning-icon-button[aria-pressed=true]{color:#b36c50;background:#f7ece5}.learning-word-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:18px;display:flex}.learning-flashcard{color:#2c3b30;cursor:pointer;text-align:center;background:#f4eddd;border:1px solid #e0d9ca;border-radius:22px;width:100%;min-height:300px;padding:32px}.learning-flashcard .hanzi{font-size:4rem;font-weight:400;line-height:1.5;display:block}.learning-flashcard .meaning{font-family:Georgia,serif;font-size:2rem;line-height:1.5;display:block}.learning-flashcard p{line-height:1.8}.learning-card-hint{letter-spacing:.04em;color:#8a897c;margin-top:28px;font-size:.78rem;display:block}.learning-review-shell{max-width:650px;margin:auto}.learning-review-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.learning-table{border-collapse:collapse;width:100%;font-size:.85rem}.learning-table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:#898a7d;border-bottom:1px solid #e2ded3;padding:13px 10px;font-size:.72rem;font-weight:500}.learning-table td{border-bottom:1px solid #eae6dd;padding:17px 10px}.learning-table-wrap{overflow-x:auto}.learning-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px;display:grid}.learning-stat{padding:24px!important}.learning-stat strong{margin-top:12px;font-size:2rem;font-weight:500;display:block}.learning-stat span{color:#7d8172;font-size:.8rem}.learning-chart-row{grid-template-columns:55px 1fr 55px;align-items:center;gap:12px;margin:16px 0;font-size:.84rem;display:grid}.learning-track{background:#ebe8dc;border-radius:10px;height:8px;overflow:hidden}.learning-track i{background:#a8b79b;border-radius:10px;height:100%;display:block}.learning-progress-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.learning-lesson-content{max-width:850px;margin:auto}.learning-lesson-banner{margin-bottom:24px;background:#eff2e7!important;padding:32px!important}.learning-lesson-banner .sentence{margin:14px 0 4px;font-size:2.6rem}.learning-question{margin:18px 0;padding:25px!important}.learning-question h3{line-height:1.6}.learning-option{text-align:left;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#fffdf8;border:1px solid #e0ddd2;border-radius:10px;align-items:center;gap:12px;margin:10px 0;padding:14px 17px;display:flex}.learning-option[aria-pressed=true]{background:#f0f3e9;border-color:#96a888}.learning-option.right{background:#eef4e9;border-color:#8aab78}.learning-option.wrong{background:#fbede5;border-color:#c9927e}.learning-option:disabled{cursor:default}.learning-speech-phrase{text-align:center;margin-bottom:22px;background:#f2ebdc!important;padding:28px!important}.learning-speech-phrase h2{margin:14px 0;font-size:3rem;font-weight:400}.learning-recording{color:#a75d47;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.learning-recording i{background:#c06a50;border-radius:100%;width:8px;height:8px;animation:1s ease-in-out infinite learning-pulse}.learning-audio{width:100%;margin:20px 0;display:block}.learning-workspace-banner{background:#f6eedf;border:1px dashed #b9a58a;border-radius:14px;margin-bottom:24px;padding:20px;font-size:.88rem;line-height:1.7}.learning-workspace-banner strong{color:#705944;font-size:1rem;display:block}.learning-workspace-tabs{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.learning-workspace-card{margin-bottom:20px;padding:25px!important}.learning-workspace-card h3{margin:12px 0}.learning-workspace-card textarea{resize:vertical;width:100%;min-height:120px;margin:10px 0}.learning-workspace-card .form-field{margin-bottom:16px}.learning-workspace-card label{margin-bottom:8px;font-size:.84rem;display:block}.learning-submission{white-space:pre-wrap;background:#f4f2eb;border-radius:10px;margin:18px 0;padding:17px;font-size:.9rem;line-height:1.8}.learning-danger{color:#9d5747}.learning-end-note{color:#929185;margin:22px 0;font-size:.76rem;line-height:1.7}.learning-list-link{color:inherit;border-top:1px solid #e9e5db;padding:15px 0;text-decoration:none;display:block}.learning-list-link:first-child{border-top:0}.learning-list-link>div{justify-content:space-between;gap:10px;display:flex}.learning-list-link small{color:#8a8b7d}.learning-collection-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:25px;display:flex}.learning-collection-toolbar input{flex:1;min-width:180px}.learning-loading{color:#7f8375;place-items:center;min-height:160px;display:grid}@keyframes learning-pulse{50%{opacity:.3}}@media (max-width:800px){.learning-split{grid-template-columns:1fr}.learning-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-stat-grid{grid-template-columns:repeat(2,1fr)}.learning-workbench{padding:22px!important}}@media (max-width:480px){.learning-word-grid{grid-template-columns:1fr}.learning-workbench{padding:18px!important}.learning-character-grid{gap:7px}.learning-char-link{padding:10px 3px}.learning-heading{align-items:flex-start}.learning-tabs button{flex:1;padding:10px}.learning-mini-stats{gap:7px}.learning-flashcard{min-height:280px;padding:22px}.learning-flashcard .hanzi{font-size:3.3rem}.learning-actions .button{flex:1}.learning-stat{padding:18px!important}.learning-score>strong{font-size:2.5rem}.learning-lesson-banner .sentence{font-size:2rem}.learning-workspace-card{padding:19px!important}}@media (prefers-reduced-motion:reduce){.learning-recording i{animation:none}.learning-char-link{transition:none}}
