@font-face{font-family:Be Vietnam Pro;src:url('assets/be-vietnam-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url('assets/be-vietnam-semibold.ttf') format('truetype');font-weight:500 900;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url('assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--paper:#FAFAF7;--ink:#161816;--muted:#656963;--line:#D2D5CF;--red:#BC2825}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Be Vietnam Pro,sans-serif;background:var(--paper);color:var(--ink)}body{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr)}.style-toolbar{position:relative;z-index:2;min-height:68px;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:var(--paper)}.style-brand{display:flex;align-items:center;gap:10px;font:10px IBM Plex Mono,monospace;letter-spacing:.06em;white-space:nowrap}.style-brand>span{display:grid;place-items:center;width:27px;height:27px;background:var(--red);color:white;font:23px Be Vietnam Pro,sans-serif}.style-brand small{display:block;font-size:7px;margin-top:5px;color:var(--muted);letter-spacing:0}.style-picker{display:flex;gap:17px;align-items:center}.picker-label{font:8px IBM Plex Mono,monospace;color:var(--muted);white-space:nowrap}.style-tabs{display:flex;border:1px solid var(--line);padding:3px;gap:3px}.style-tabs button{appearance:none;border:0;border-radius:0;min-height:38px;min-width:137px;padding:8px 18px;background:transparent;color:var(--muted);font:500 11px Be Vietnam Pro,sans-serif;cursor:pointer;transition:background 180ms,color 180ms}.style-tabs button>span{font:8px IBM Plex Mono,monospace;margin-right:10px;opacity:.75}.style-tabs button[aria-selected=true]{background:var(--red);color:#fff}.style-tabs button:hover:not([aria-selected=true]){background:#ECEEE8;color:var(--ink)}.style-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.style-note{font-size:9px;color:var(--muted);margin:0;display:flex;align-items:center;gap:16px}.style-note>span{font-size:19px;color:var(--red)}.style-views{position:relative;min-height:0}.style-panel{position:absolute;inset:0;background:var(--paper)}.style-panel.is-inactive{visibility:hidden;pointer-events:none}.style-panel iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--paper)}.view-loading{position:absolute;inset:40% 15px auto;text-align:center;font-size:12px;color:var(--muted)}.view-loading a{color:var(--red)}.view-loading[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.no-script{position:fixed;z-index:4;inset:90px 20px auto;padding:24px;background:var(--paper);border:1px solid var(--line)}
@media(max-width:1000px){.style-note{display:none}.style-toolbar{padding:10px 20px}}@media(max-width:600px){.style-toolbar{min-height:100px;padding:10px 17px;display:grid;gap:8px;grid-template-columns:1fr}.style-brand{justify-content:center;font-size:9px}.style-brand>span{width:20px;height:20px;font-size:17px}.style-brand small{display:none}.style-picker{gap:10px;justify-content:center}.picker-label{font-size:7px}.style-tabs{flex:1;max-width:350px}.style-tabs button{flex:1;min-width:0;min-height:37px;padding:8px 9px;font-size:10px}.style-tabs button>span{margin-right:6px;font-size:7px}}@media(prefers-reduced-motion:reduce){.style-tabs button{transition:none}}

.style-toolbar{gap:18px}.style-picker{flex:1;min-width:0;gap:10px}.style-tabs{overflow-x:auto;scrollbar-width:thin;min-width:0;max-width:100%;flex:1}.style-tabs button{flex:1 0 auto;min-width:94px;padding-inline:11px;white-space:nowrap}.style-tabs button>span{margin-right:7px}.style-note{display:none}.language-picker{display:flex;gap:2px;padding:3px;border:1px solid var(--line);flex-shrink:0}.language-picker button{border:0;background:transparent;min-width:34px;min-height:36px;color:var(--muted);font:10px IBM Plex Mono,monospace;cursor:pointer}.language-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.language-picker button:focus-visible{outline:2px solid var(--red);outline-offset:1px}@media(max-width:1100px){.style-brand small{display:none}.style-brand{font-size:8px}.style-toolbar{gap:12px}}@media(max-width:700px){.style-toolbar{display:grid;grid-template-columns:1fr auto;padding:8px 14px;gap:7px 12px;min-height:104px}.style-brand{justify-content:flex-start;font-size:9px}.style-brand>span{width:23px;height:23px;font-size:19px}.style-picker{grid-column:1/-1;grid-row:2;min-width:0;justify-content:normal}.language-picker{grid-column:2;grid-row:1;padding:1px}.language-picker button{min-height:28px;min-width:31px}.style-tabs{max-width:none}.style-tabs button{flex:0 0 auto;min-width:100px;min-height:36px}.picker-label{font-size:7px;min-width:39px}}

.style-brand>span svg{width:100%;height:100%;display:block}