.hsk-tool-dock{position:fixed;right:14px;bottom:18px;z-index:700;display:flex;flex-direction:column;gap:7px}.hsk-tool-btn{display:flex;align-items:center;gap:8px;border:1px solid #bfdbfe;background:#fff;color:#1e40af;padding:10px 13px;border-radius:999px;box-shadow:0 6px 24px #1e3a8a20;font:700 12px Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;text-decoration:none}.hsk-tool-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.hsk-tool-backdrop{position:fixed;inset:0;background:#0f172a66;z-index:780}.hsk-tool-drawer{position:fixed;right:14px;top:14px;bottom:14px;width:min(450px,calc(100% - 28px));overflow:auto;z-index:781;background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 25px 80px #0f172a33;padding:18px}.hsk-tool-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.hsk-tool-head h3{margin:0 0 5px;color:#1e3a8a}.hsk-tool-head p{margin:0;color:#64748b;font-size:12px;line-height:1.55}.hsk-tool-close{border:1px solid #dbe4f0;background:#f8fafc;border-radius:10px;width:36px;height:36px;font-size:20px;cursor:pointer}.hsk-tool-drawer .field{margin-bottom:11px}.hsk-tool-drawer label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.hsk-tool-drawer input,.hsk-tool-drawer textarea{width:100%;padding:11px 12px;border:1px solid #dbe4f0;border-radius:10px;font:inherit;box-sizing:border-box}.hsk-tool-drawer textarea{min-height:75px;resize:vertical}.hsk-tool-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.hsk-tool-actions button,.hsk-tool-actions a{border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1e40af;padding:9px 11px;font-weight:800;font-size:12px;text-decoration:none;cursor:pointer}.hsk-tool-status{font-size:12px;color:#166534;margin-top:9px;min-height:18px}.hsk-flashcard{border:1px solid #bfdbfe;border-radius:14px;background:#f8fbff;padding:22px 16px;text-align:center;margin-top:12px}.hsk-flashcard strong{display:block;font-size:26px;color:#1e3a8a}.hsk-flashcard p{line-height:1.7;color:#334155;white-space:pre-wrap}.hsk-flashcard .hidden-meaning{filter:blur(5px);user-select:none}.personal-progress{grid-column:1/-1;background:#ffffff18;border:1px solid #ffffff35;padding:13px;border-radius:13px}.personal-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:12px}.personal-progress-track{height:9px;border-radius:999px;background:#ffffff4a;overflow:hidden;margin:8px 0}.personal-progress-track i{display:block;height:100%;border-radius:999px;background:#fff}.personal-progress small{display:block;color:#eff6ff;font-size:11px}@media(max-width:560px){.hsk-tool-dock{right:9px;bottom:9px}.hsk-tool-btn{padding:10px 11px}.hsk-tool-btn span{display:none}.hsk-tool-btn{width:42px;height:42px;justify-content:center;font-size:17px;border-radius:50%}}

/* Match the HSK platform's blue visual identity. */
.personal-page .personal-hero{background:linear-gradient(120deg,#123a8c,#2563eb 65%,#60a5fa);box-shadow:0 18px 40px #1d4ed820}.personal-page .personal-hero p{color:#eaf2ff}.personal-page .personal-stat span{color:#eaf2ff}.personal-page .personal-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.personal-page .personal-back{color:#1e40af;border-color:#bfdbfe}.personal-page .tab{border-color:#bfdbfe;color:#1e40af}.personal-page .tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.personal-page .btn-red{background:#2563eb}.personal-page .vocab-search{background:#f8fbff;border-color:#dbeafe}.personal-page .vocab-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.personal-page .dict-def b,.personal-page .dict-related b{color:#1e40af}.personal-page .word-card .type-badge{color:#1e40af;background:#eff6ff}.personal-page .remove-word{border-color:#bfdbfe;background:#eff6ff;color:#1e40af}.personal-page .personal-progress{margin-top:4px}.personal-page .personal-progress-track{background:#ffffff4a}.personal-page .personal-progress-track i{background:#fff}@media(max-width:900px){.personal-page .personal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}