:root{color-scheme:light dark;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
    sans-serif;--accent:#111;--gold:#ffdc00;--blue:#0074d9;--bar-bg:#111;--bar-fg:#fff;--bar-muted:#aaa;--bg:#fff;--fg:#111;--border:#111;--muted:#aaa;--rhythm:24px;--columns:3}@media(prefers-color-scheme:dark){:root{--bar-bg:#141519;--bar-fg:#f3f4f6;--bar-muted:#9aa1ab;--bg:#1b1d22;--fg:#e9ebef;--border:#3a3f47;--muted:#9aa1ab}}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;line-height:1.5}body{margin:0;font-family:Georgia,Cambria,times new roman,Times,serif;color:var(--fg);background:var(--bg)}body::before{content:"";position:fixed;inset:0 0 auto;z-index:50;height:5px;background:var(--accent)}@media(max-width:63.99rem){body{border-top:5px solid var(--accent)}body::before{display:none}}header{padding-block:var(--rhythm);padding-inline:var(--rhythm);background:var(--bar-bg)}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--rhythm)/2)var(--rhythm);font-family:var(--font-sans)}.site-nav__brand{display:flex;align-items:center;gap:.5ch;margin:0;color:var(--bar-fg);font-size:1.5rem;line-height:1}.site-nav__logo{width:auto;height:1.5em;filter:invert(1)}.site-nav__flavours{display:flex;flex-wrap:wrap;gap:calc(var(--rhythm)/2)var(--rhythm);margin:0;margin-inline-start:auto;padding:0;list-style:none}.site-nav__flavours a{color:var(--bar-muted);text-decoration:none}.site-nav__flavours a:hover{color:var(--bar-fg)}.site-nav__flavours a[aria-current=page]{color:var(--bar-fg);font-weight:700;text-decoration:underline;text-underline-offset:.3em}.key{position:relative;display:inline-flex;align-items:center}.key__toggle{width:1.6em;height:1.6em;padding:0;border:1px solid var(--bar-muted);border-radius:50%;background:0 0;color:var(--bar-muted);font:inherit;line-height:1;cursor:pointer}.key__toggle:hover,.key__toggle:focus-visible{border-color:var(--bar-fg);color:var(--bar-fg);outline:none}.key__panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:20;display:none;width:max-content;max-width:16rem;padding:calc(var(--rhythm)/2);border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:.85rem}.key:hover .key__panel,.key:focus-within .key__panel{display:block}.key__row{display:flex;align-items:center;gap:.5ch}.key__row+.key__row{margin-block-start:calc(var(--rhythm)/4)}.key__swatch{flex:none;width:.9em;height:.9em}.key__swatch--unique{background:var(--gold)}.key__swatch--different{background:var(--blue)}.site-nav__burger{display:none;width:2em;height:2em;padding:0;border:1px solid var(--bar-muted);border-radius:4px;background:0 0;color:var(--bar-muted);font:inherit;line-height:1;cursor:pointer}.site-nav__burger:hover,.site-nav__burger:focus-visible{border-color:var(--bar-fg);color:var(--bar-fg);outline:none}@media(max-width:800px){.key{order:1;margin-inline-start:auto}.site-nav__burger{order:2}.js .site-nav__burger{display:inline-flex;align-items:center;justify-content:center}.site-nav__flavours{order:3;flex-basis:100%;flex-direction:column;align-items:flex-start;margin-inline-start:0;gap:calc(var(--rhythm)/2)}.js .site-nav__flavours{display:none}.js .site-nav__flavours.is-open{display:flex}}main{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:var(--rhythm)2%;padding-inline:var(--rhythm);padding-block-end:var(--rhythm)}fieldset{margin:0;padding:0;border:1px solid var(--border)}fieldset legend{margin-block:calc(var(--rhythm)/2)0;margin-inline:calc(var(--rhythm)/2)0;padding-block:calc(var(--rhythm)/6);padding-inline:calc(var(--rhythm)/2);border:1px solid var(--border);font-family:var(--font-sans);font-size:1.1em;font-weight:700;cursor:pointer}fieldset legend:hover,fieldset legend:focus{background:var(--fg);color:var(--bg);outline:none}.is-unique{border:2px solid var(--gold)}.is-different{border:2px solid var(--blue)}textarea{display:block;width:100%;padding-block:calc(var(--rhythm)/2)1%;padding-inline:calc(var(--rhythm)/2);border:none;font-family:Menlo,Monaco,Consolas,courier new,monospace;font-size:.8em;line-height:1.1em;color:var(--fg);background:var(--bg);resize:vertical}#copied{position:fixed;inset-block-start:calc(var(--rhythm) * 3);inset-inline-start:50%;translate:-50% 0;padding:calc(var(--rhythm)/2);border:1px solid var(--bar-muted);border-radius:4px;color:var(--bar-fg);background:var(--bar-muted);opacity:0;visibility:hidden;transition:opacity .3s linear,visibility .3s linear}#copied.is-visible{opacity:1;visibility:visible}#copied p{margin:0}.site-footer{padding-block:var(--rhythm);padding-inline:var(--rhythm);font-family:var(--font-sans);color:var(--muted);text-align:right}.site-footer a{color:inherit}@media(max-width:900px){:root{--columns:2}}@media(max-width:600px){:root{--columns:1}}