@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url('../assets/fonts/jetbrainsmono-latin.woff2') format('woff2')}
.header-tools{display:flex;align-items:center;gap:16px;flex-shrink:0}
.languages,.theme-options{display:flex;align-items:center;justify-content:center;gap:2px;height:52px;padding:5px;border:1px solid #e7e2d5;border-radius:999px;background:#fff}
.languages{width:183px}
.languages button,.theme-options button{appearance:none;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;cursor:pointer;line-height:1;transition:color .2s,background .2s}
.languages button{min-height:34px;height:34px;width:55px;padding:0;font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:400;letter-spacing:.08em;color:#64748b}
.languages button[aria-pressed=true]{background:#c2410c;color:#ffedd5;text-decoration:none}
.languages button:hover{color:#0f172a}
.languages button[aria-pressed=true]:hover{color:#ffedd5}
.theme-options{width:112px;gap:4px}
.theme-options button{width:48px;height:40px;padding:0}
.theme-options button[aria-pressed=true]{background:#c2410c}
.theme-swatch{display:block;width:22px;height:22px;border:2px solid;border-radius:50%}
.theme-swatch.light{background:#fbf8f1;border-color:#c9a96b}
.theme-swatch.dark{background:#171009;border-color:#8a6b4a}
.theme-options button[aria-pressed=true] .theme-swatch{border-color:#ffedd5;box-shadow:0 0 0 3px #c2410c,0 0 0 5px #f59e0b}
.languages button:focus-visible,.theme-options button:focus-visible{outline:2px solid #f59e0b;outline-offset:3px}
[data-theme=dark] .languages,[data-theme=dark] .theme-options{background:#302116;border-color:#534031}
[data-theme=dark] .languages button{color:#998675}
[data-theme=dark] .languages button:hover{color:#ffedd5}
[data-theme=dark] .languages button[aria-pressed=true]{color:#ffedd5;background:#c2410c}
@media(max-width:1000px) and (min-width:761px){.header nav{gap:18px}}
@media(max-width:560px){.header-tools{width:100%;justify-content:flex-end}.header nav{order:3}.header .wordmark{margin-bottom:4px}}
@media(max-width:350px){.header-tools{gap:8px}.languages{width:175px}.languages button{width:52px}.theme-options{width:108px}}