:root{--font-ui:"Baloo 2", system-ui, sans-serif;--font-label:"IBM Plex Mono", ui-monospace, monospace;--accent:#ff8f3a;--accent-deep:#e2590a;--accent-text:#ff9d55;--ink:#fff3e2;--ground:#1b1410;--surface:#291f18;--surface-2:#33271e;--muted:#b8a08c;--edge:color-mix(in srgb, var(--ink) 14%, transparent);--dot:color-mix(in srgb, var(--ink) 7%, transparent);--heading-accent:var(--accent);--square:#3d2e22;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--accent:#ff7a18;--accent-text:#a5400a;--heading-accent:#c94f0a;--ink:#2b1a10;--ground:#fff3e2;--surface:#fffaf2;--surface-2:#fed;--muted:#7d604a;--edge:color-mix(in srgb, var(--ink) 16%, transparent);--dot:color-mix(in srgb, var(--ink) 8%, transparent);--square:#f0d0a8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--accent:#ff7a18;--accent-text:#a5400a;--heading-accent:#c94f0a;--ink:#2b1a10;--ground:#fff3e2;--surface:#fffaf2;--surface-2:#fed;--muted:#7d604a;--edge:color-mix(in srgb, var(--ink) 16%, transparent);--dot:color-mix(in srgb, var(--ink) 8%, transparent);--square:#f0d0a8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-l=en] [lang=vi],html[data-l=vi] [lang=en]{display:none!important}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--ground);background-image:radial-gradient(var(--dot) 1.2px, transparent 1.4px);color:var(--ink);font-family:var(--font-ui);background-size:22px 22px;margin:0;font-size:17px;line-height:1.5;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.mark{font-weight:800;line-height:1;display:inline-block;position:relative;transform:rotate(-7deg)}.mark>span{display:block}.mark .rim{color:var(--ground);-webkit-text-stroke:.23em var(--ground);paint-order:stroke fill;position:absolute;inset:0}.mark .face{color:var(--accent);-webkit-text-stroke:.105em var(--ink);paint-order:stroke fill;position:relative}header{z-index:10;background:color-mix(in srgb, var(--ground) 86%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--edge);position:sticky;top:0}header .wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{align-items:center;gap:10px;min-height:48px;text-decoration:none;display:flex}.brand .mark{font-size:26px}.brand b{letter-spacing:-.01em;white-space:nowrap;font-size:24px;font-weight:800}@media (width<=420px){.brand{gap:8px}.brand .mark{font-size:22px}.brand b{font-size:19px}.lang>svg{display:none}.lang{padding-left:2px}}fieldset{min-width:0;margin:0}.lang{background:var(--surface);border:1px solid var(--edge);border-radius:999px;align-items:center;gap:2px;padding:2px 2px 2px 12px;display:flex}.lang>svg{width:18px;height:18px;color:var(--muted);margin-right:4px}.lang button{font:600 15px / 1 var(--font-ui);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:48px;height:48px;padding:0 12px}.lang button[aria-pressed=true]{background:var(--accent);color:#2b1a10}footer{border-top:1px solid var(--edge);padding:16px 0 calc(24px + env(safe-area-inset-bottom));color:var(--muted);font-size:15px}footer .wrap{flex-wrap:wrap;align-items:center;gap:4px 24px;display:flex}footer nav{gap:20px;display:flex}footer a{min-height:48px;color:var(--ink);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}footer a:hover{color:var(--accent-text)}footer .who{margin-left:auto}.theme{background:var(--surface);border:1px solid var(--edge);border-radius:999px;align-items:center;gap:2px;padding:2px;display:flex}.theme button{font:600 15px / 1 var(--font-ui);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;height:48px;padding:0 14px;display:inline-flex}.theme svg{width:18px;height:18px}.theme button[aria-pressed=true]{background:var(--accent);color:#2b1a10}@media (width<=520px){footer .who{width:100%;margin-left:0}}
