@font-face { font-family:Paperlogy;src:url('./fonts/paperlogy-500.woff2') format('woff2');font-weight:500;font-display:swap; }
@font-face { font-family:Paperlogy;src:url('./fonts/paperlogy-700.woff2') format('woff2');font-weight:700;font-display:swap; }
@font-face { font-family:Paperlogy;src:url('./fonts/paperlogy-800.woff2') format('woff2');font-weight:800;font-display:swap; }
.ink-ui {
  --ink-paper:#fffaef;--ink-text:#342c21;--ink-accent:#237e7f;--ink-pale:#e8efda;
  --ink-border:2.5px solid var(--ink-text);--ink-shadow:7px 7px 0 var(--ink-accent);
  font-family:Paperlogy,'Be Vietnam Pro',system-ui,sans-serif;font-weight:500;line-height:1.65;
  color:var(--ink-text);background:var(--ink-paper);
}
.ink-ui * { box-sizing:border-box; }
.ink-ui :where(h1,h2,h3,h4) { font-weight:800;line-height:1.35;letter-spacing:-.035em; }
.ink-ui :where(p,label,summary) { font-weight:700; }
.ink-ui :lang(vi) { font-family:'Be Vietnam Pro',Paperlogy,system-ui,sans-serif; }
.ink-card { border:var(--ink-border);border-radius:23px;box-shadow:var(--ink-shadow);background:var(--ink-paper);padding:24px; }
.ink-subcard { border:2px solid var(--ink-text);border-radius:16px;box-shadow:3px 3px 0 var(--ink-text);background:var(--ink-paper);padding:18px; }
.ink-button {
  font:800 1rem/1.4 Paperlogy,'Be Vietnam Pro',system-ui,sans-serif;min-height:46px;padding:10px 16px;
  border:var(--ink-border);border-radius:13px;color:var(--ink-text);background:var(--ink-paper);
  box-shadow:0 3px 0 var(--ink-text);cursor:pointer;transition:translate .12s,box-shadow .12s,background .12s;
}
.ink-button:hover:not(:disabled) { background:var(--ink-pale); }
.ink-button:active:not(:disabled) { translate:0 3px;box-shadow:none; }
.ink-button:disabled { opacity:.55;cursor:default; }
.ink-primary,.ink-button[aria-pressed=true] { background:var(--ink-accent);color:white; }
.ink-primary:hover:not(:disabled) { background:#1b696a; }
.ink-field { font:500 1rem/1.5 Paperlogy,'Be Vietnam Pro',system-ui,sans-serif;min-height:46px;width:100%;padding:10px 12px;border:2px solid var(--ink-text);border-radius:10px;background:var(--ink-paper);color:var(--ink-text); }
.ink-ui :focus-visible { outline:3px solid #137bd0;outline-offset:4px; }
.ink-muted { font-weight:500;font-size:.82em; }
.ink-badge { display:inline-block;border:1.5px solid var(--ink-text);border-radius:99px;padding:3px 10px;background:var(--ink-pale);font-weight:700;font-size:.8em; }
.ink-dialog { width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;border:var(--ink-border);border-radius:23px;box-shadow:var(--ink-shadow);background:var(--ink-paper);padding:24px; }
.ink-dialog > header { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.ink-ui.ink-high-contrast { --ink-text:#131b17;--ink-accent:#155f60;--ink-paper:#fff; }
@media(max-width:600px) { .ink-ui { --ink-shadow:4px 4px 0 var(--ink-accent); }.ink-card,.ink-dialog { padding:20px;border-radius:18px; } }
@media(prefers-reduced-motion:reduce) { .ink-button { transition:none; } }