:root{--canvas: #F7F7FA;--surface: #FFFFFF;--surface-alt: #F2F3F5;--border: #E0E0E6;--divider: #EFEFF5;--ink-1: #1F2225;--ink-2: #333639;--ink-3: #767C82;--primary: #2080F0;--primary-hover: #4098FC;--primary-pressed: #1060C9;--primary-soft: #ECF5FF;--success: #18A058;--success-soft: #F1FBF5;--warning: #F0A020;--warning-soft: #FEF8EC;--error: #D03050;--error-soft: #FDF2F4;--r-sm: 3px;--r: 4px;--r-lg: 8px;--ease: cubic-bezier(.4, 0, .2, 1);--w-page: 1200px;--h-header: 64px;--w-tree: 272px;--w-side: 300px;--pad-vien: 24px;--pad-shell: 48px;--w-doc-max: 860px;--gap-doc: 32px;--w-shell-max: 1536px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, Consolas, "SF Mono", monospace}*{box-sizing:border-box}html,body{margin:0}#app{min-height:100vh;display:flex;flex-direction:column}#app>[data-than]{flex:1;min-width:0}@media(max-width:1180px){:root{--pad-shell: 32px}}@media(max-width:1024px){:root{--pad-vien: 16px;--pad-shell: 16px}}body{background:var(--canvas);color:var(--ink-2);font-family:var(--font);font-size:14px;line-height:22px;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}h1,h2,h3{color:var(--ink-1);font-weight:600;margin:0}::selection{background:var(--primary-soft)}.num{font-variant-numeric:tabular-nums}.page{width:var(--w-page);max-width:calc(100% - 48px);margin:0 auto}@media(max-width:640px){.page{max-width:calc(100% - 32px)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.muted{color:var(--ink-3)}.eyebrow{font-size:12px;line-height:16px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.mon-cham{width:8px;height:8px;border-radius:999px;flex:none}.chip-mon{height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:8px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-sm);font-size:13px;color:var(--ink-2)}.hop-qc{background:var(--surface-alt);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink-3)}
