.the{padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--r-vua);background:var(--surface);color:var(--text)}.the--noi{border-color:var(--border);box-shadow:var(--bong-noi)}.the p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--fs-14)}.chip{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--r-tron);background:var(--surface);color:var(--text);font:600 var(--fs-14)/1 var(--font-ui)}.chip--nhan{border-color:transparent;background:var(--brand-soft);color:var(--brand)}.o-nhap{display:grid;gap:var(--space-1);min-width:220px;color:var(--text-muted);font:600 var(--fs-14)/1.3 var(--font-ui)}.o-nhap :is(input,select,textarea){min-height:40px;padding:0 var(--space-3);border:1px solid var(--control-border);border-radius:var(--r-nho);background:var(--surface);color:var(--text);font:400 var(--fs-16)/1.4 var(--font-ui);transition:border-color var(--t-nhanh) var(--ease)}.o-nhap textarea{padding-block:var(--space-2)}.o-nhap :is(input,select,textarea):focus-visible{outline:2px solid var(--nut);outline-offset:1px;border-color:var(--nut)}.mau section{margin-block:var(--space-8)}.mau h2{margin:0 0 var(--space-3);font-size:var(--fs-22)}.mau-ghi{color:var(--text-muted);font-size:var(--fs-14)}.mau-hang{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block:var(--space-3)}.mau-hang>.the{width:220px;align-self:stretch}.mau-anh{width:120px}.mau-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.mau-luoi li{display:grid;gap:2px;font-size:var(--fs-14)}.mau-luoi code,.mau-icon code{color:var(--text-faint);font-size:var(--fs-12)}.mau-o{height:48px;border-radius:var(--r-vua);box-shadow:var(--vien-anh)}.mau-co-chu{margin:0;padding:0;list-style:none;line-height:1.25}.mau-co-chu li{font-weight:700;margin-block:var(--space-2)}.mau-co-chu code{display:inline-block;width:72px;color:var(--text-faint);font:400 var(--fs-12) var(--font-ui)}.mau-anh{display:grid;place-items:end start;aspect-ratio:2 / 3;padding:var(--space-2);border-radius:var(--r-nho);background:var(--surface-2);box-shadow:var(--vien-anh);font-size:var(--fs-12)}.mau-av{width:40px;height:40px}.mau-icon{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.mau-icon li{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-1);border:1px solid var(--border-soft);border-radius:var(--r-vua);color:var(--text)}.thanh-tai{position:fixed;inset:0 auto auto 0;z-index:1000;width:0;height:2px;background:var(--nut);opacity:0;pointer-events:none}.thanh-tai[data-pha=chay]{opacity:1;animation:thanh-tai-chay 8s cubic-bezier(.1,.6,.2,1) forwards}.thanh-tai[data-pha=xong]{width:100%;opacity:0;transition:width var(--t-nhanh) var(--ease),opacity var(--t-vua) var(--ease) var(--t-nhanh)}@keyframes thanh-tai-chay{0%{width:0}to{width:85%}}@media(prefers-reduced-motion:reduce){.thanh-tai[data-pha=chay]{animation:none;width:100%}}.khung-cho{display:grid;gap:var(--kc-cach);padding:var(--space-2) 0}.khung-cho-dong{display:block;height:var(--kc-cao);border-radius:var(--r-nho);background:var(--surface-2)}.khung-cho-dong:nth-child(3n){width:70%}.khung-cho-dong:nth-child(3n+1){width:90%}