.streak-calendar{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 18px;margin-bottom:20px}.sc-title{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:10px}.sc-days{display:flex;gap:6px;justify-content:space-between}.sc-day{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:8px 4px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);transition:.2s}.sc-day.active{background:#ea580c1f;border-color:#ea580c}.sc-day.today{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.sc-label{font-size:10px;color:var(--text2);font-weight:600}.sc-day.active .sc-label{color:#ea580c}.streak-card{position:relative;overflow:hidden}.streak-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(234,88,12,.08),transparent);pointer-events:none}.streak-fire{font-size:18px;margin-left:2px}.streak-calendar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:28px;box-shadow:var(--shadow)}.sc-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px}.sc-days{display:flex;justify-content:space-between;gap:8px}.sc-day{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:10px 6px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);transition:all .2s}.sc-day.today{border-color:var(--primary);box-shadow:0 0 0 2px #c0392b26}.sc-day.active{background:linear-gradient(135deg,#c0392b1a,#f39c121a);border-color:var(--accent)}[data-theme=dark] .sc-day.active{background:linear-gradient(135deg,#c0392b33,#f39c1226)}.sc-dot{font-size:18px;line-height:1}.sc-label{font-size:11px;font-weight:600;color:var(--text3)}.sc-day.today .sc-label{color:var(--primary);font-weight:700}.sc-day.active .sc-label{color:var(--accent)}.modal-hanzi-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.modal-tts-btn{background:var(--surface2);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s;flex-shrink:0}.modal-tts-btn:hover{background:var(--primary);color:#fff;border-color:transparent;transform:scale(1.1)}.modal-stroke-container{text-align:center;margin-bottom:16px;padding:16px;background:var(--surface2);border:1px solid var(--border);border-radius:12px}.stroke-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}.stroke-btn{padding:6px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.stroke-btn:hover{background:var(--primary);color:#fff;border-color:transparent}.stroke-btn.outline{background:transparent}.stroke-btn.outline:hover{background:var(--surface2);color:var(--primary);border-color:var(--primary)}.xp-bar-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.xp-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.xp-label{font-size:14px;font-weight:700;color:var(--accent)}.xp-level-label{font-size:12px;color:var(--text2);font-weight:600}.xp-bar-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .6s ease}.xp-bar-footer{margin-top:6px;font-size:11px;color:var(--text3)}