@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #F4EFE6;--bg-secondary: #EFE8DA;--bg-tertiary: #EAE3D5;--bg-card: #FFFFFF;--bg-card-hover: #FBF8F1;--border-primary: rgba(26, 23, 20, .08);--border-secondary: rgba(26, 23, 20, .14);--border-active: rgba(139, 90, 43, .45);--text-primary: #1A1714;--text-secondary: #6B6258;--text-muted: #A8A095;--accent: #8B5A2B;--accent-dim: rgba(139, 90, 43, .65);--accent-bg: rgba(139, 90, 43, .08);--accent-border: rgba(139, 90, 43, .3);--accent-green: #2F4F3F;--accent-green-dim: rgba(47, 79, 63, .65);--accent-green-bg: rgba(47, 79, 63, .08);--accent-green-border: rgba(47, 79, 63, .3);--success: #3F7A56;--warning: #B8862B;--error: #B84A3D;--info: #3D6FA1;--shadow-card: 0 1px 2px rgba(26, 23, 20, .04), 0 1px 1px rgba(26, 23, 20, .02);--shadow-elevated: 0 4px 12px rgba(26, 23, 20, .08), 0 1px 2px rgba(26, 23, 20, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--sidebar-width: 248px;--sidebar-collapsed: 64px;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-mono: "IBM Plex Mono", "Menlo", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6b62582e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6b625852}h1,h2,h3{font-family:var(--font-serif);font-weight:400;font-variation-settings:"opsz" 144;letter-spacing:-.01em;color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-secondary)}.stat-value{font-family:var(--font-serif);font-weight:500;font-size:1.8rem;line-height:1;letter-spacing:-.015em;font-feature-settings:"tnum" 1,"onum" 1;font-variation-settings:"opsz" 144;color:var(--text-primary)}.num-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}input,select,textarea{font-family:var(--font-sans);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-border);box-shadow:0 0 0 3px #8b5a2b1a}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:.72rem;font-weight:500;line-height:1.4;letter-spacing:.02em}.badge-success{background:#3f7a561f;color:#3f7a56}.badge-warning{background:#b8862b24;color:#8c6620}.badge-error{background:#b84a3d1f;color:#b84a3d}.badge-info{background:#3d6fa11f;color:#3d6fa1}.badge-neutral{background:#1a17140f;color:var(--text-secondary)}.hsk{display:flex;flex-direction:column;gap:24px}.hsk__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.hsk__stat{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:16px 18px;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-card)}.hsk__stat:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-elevated)}.hsk__stat-num{font-family:var(--font-serif);font-weight:500;font-size:30px;color:var(--text-primary);line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum" 1,"onum" 1;font-variation-settings:"opsz" 144}.hsk__stat-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:8px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.hsk__tabs{display:flex;gap:6px;flex-wrap:wrap}.hsk__tab{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);letter-spacing:.02em}.hsk__tab:hover{border-color:var(--border-secondary);color:var(--text-primary);background:var(--bg-tertiary)}.hsk__tab--active{background:var(--bg-card);color:var(--accent);border-color:var(--accent-border);box-shadow:var(--shadow-card)}.hsk__tab-count{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:4px;background:#1a17140f;color:inherit;font-feature-settings:"tnum" 1}