@import"https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@500;700;800&display=swap";:root{--yy-base: #efb26c;--yy-base-soft: #c99358;--yy-base-dim: #986e3f;--yy-base-dusk: #7d572c;--yy-base-dark: #583a18;--yy-alt: #ef7d6c;--yy-alt-soft: #c25e50;--yy-alt-dim: #a84d3f;--yy-alt-dusk: #863b2f;--yy-alt-dark: #6d2a20;--yy-bg: #332222;--yy-bg-dark: #2a1b1b;--yy-bg-lm: #e7cebd;--yy-bg-lm-dark: #d3b6a3;--yy-green: #50b16d;--yy-green-dim: #246c39;--yy-green-dark: #1b4b29;--yy-aqua: #5da6b9;--yy-aqua-dim: #336a79;--yy-aqua-dark: #19424d;--yy-purple: #a374cb;--yy-purple-dim: #7f51a7;--yy-purple-dark: #412a55;--yy-magenta: #c95b8d;--yy-magenta-dim: #8a2f58;--yy-magenta-dark: #5e1e3b;--yy-red: #e36778;--yy-red-dim: #953946;--yy-red-dark: #4b1b22;--yy-yellow: #e1e15e;--yy-yellow-dim: #93932d;--yy-yellow-dark: #54541c;--yy-lime: #b2d75c;--yy-lime-dim: #7b9933;--yy-lime-dark: #3a481a;--yy-blue: #948add;--yy-blue-dim: #615a99;--yy-blue-dark: #2d2a4a;--yy-gray: #b4b4b4;--yy-gray-dim: #666666;--yy-gray-dark: #3c3c3c}body,body.dark{--fg: var(--yy-base);--fg-dim: var(--yy-base-dim);--fg-alt: var(--yy-alt);--bg: var(--yy-bg);--ui-border-bg: var(--yy-alt-dusk);--ui-border-fg: var(--yy-bg-dark);--header-bg: var(--yy-bg-dark);--header-fg: var(--yy-base);--title-fg: var(--yy-base);--title-alt: var(--yy-alt);--header-menu-fg: var(--header-fg);--header-menu-active-fg: var(--title-alt);--header-menu-active-bg: var(--bg)}body.light{--fg: var(--yy-alt-dark);--fg-dim: var(--yy-alt-dim);--fg-alt: var(--yy-base-dusk);--bg: var(--yy-bg-lm);--ui-border-bg: var(--yy-base);--ui-border-fg: var(--yy-alt-dark);--header-bg: var(--yy-base);--header-fg: var(--yy-alt-dark);--title-fg: var(--yy-alt-dark);--title-alt: var(--yy-base-dusk)}body{font-family:Darker Grotesque,sans-serif;font-size:1.3em;font-weight:500;background-color:var(--bg);color:var(--fg);--shadow: 3px 5px 3px 0px rgba(0,0,0,.5);--ui-border: 3px solid var(--ui-border-bg)}html,body{padding:0;margin:0;border-width:0}#app{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;align-content:stretch;gap:0;min-height:100vh}::selection{color:var(--bg);background-color:var(--fg)}.dim{color:var(--fg-dim)}.flex-grow{flex-basis:0;flex-grow:1}.border-header{align-self:stretch;text-align:center;font-weight:700;background-color:var(--ui-border-bg);color:var(--ui-border-fg);padding-bottom:.1em;-webkit-user-select:none;user-select:none;cursor:default}.bigger{font-size:1.3em}.link-unstyled{color:inherit;text-decoration:none}.logo{background-size:100%;background-repeat:no-repeat;background-image:url(/logo/logo.svg);--min-size: 32px;aspect-ratio:1 / 1;min-width:var(--min-size);min-height:var(--min-size);border:solid 1px var(--yy-alt);border-radius:2px}nav{display:flex;flex-flow:row nowrap;column-gap:1em;align-self:stretch;align-items:stretch}nav>.item{display:flex;flex-flow:row nowrap;align-items:center;font-weight:700;color:var(--header-menu-fg);text-decoration:none;border-radius:2px 2px 0 0;padding:0 .5em;margin-top:.25em;-webkit-user-select:none;user-select:none}nav>.item.router-link-active{color:var(--header-menu-active-fg);background-color:var(--header-menu-active-bg)}.light-switch{display:block;--size: 32px;width:var(--size);height:var(--size);background-color:var(--header-fg);-webkit-mask-size:100%;mask-size:100%;cursor:pointer}header,.title-link{display:flex;flex-flow:row nowrap;align-items:center;column-gap:.5em}header{background-color:var(--header-bg)}header .logo{margin:.5em 0 .5em 1em}header>.light-switch{margin:.5em 1em .5em 0}header .title{font-size:1.3em;font-weight:800;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--title-fg)}header .title>.alt{color:var(--title-alt)}header>.header-menu{margin-right:2.5em}footer{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;padding:.1em 0;height:1.5em;font-size:.8em;background-color:var(--header-bg);-webkit-user-select:none;user-select:none}.copy{transition:opacity .6s ease-in-out;opacity:.7}.copy:hover{opacity:1}main{padding:.5em 1em;max-width:1280px;min-width:470px;margin:auto;flex-grow:1}.intro{display:flex;flex-flow:row nowrap;align-items:center;gap:3em}.intro>.logo{width:20%;max-width:180px;flex-shrink:0;margin:1em 0 0;display:none}@media screen and (min-width: 640px){.intro>.logo{display:block}}.color-display{display:inline-block;min-width:32px;min-height:32px;border-radius:50%}.color-display.shaded{box-shadow:var(--shadow)}.color-table-row>td{padding:.1em .3em}.color-table{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;border:var(--ui-border);border-radius:4px}.color-table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,auto));justify-items:center;align-items:stretch;gap:1.5em .5em}.category{border:var(--ui-border);border-radius:4px;padding:0 1em;margin-bottom:2em;cursor:pointer;-webkit-user-select:none;user-select:none}.category>.title{font-size:1.5em}.category>.blurb{margin-top:0;color:var(--fg-dim)}.app-theme{border:var(--ui-border);border-radius:4px;padding:0 1em;margin-bottom:2em;-webkit-user-select:none;user-select:none;display:flex;flex-flow:column nowrap;justify-content:space-between}.base,.theme{display:flex;flex-flow:column nowrap}.theme{align-items:flex-start}.base>.name,.theme>.visit{font-size:1.2em;font-weight:700;color:var(--fg-alt)}.link-wrapper{display:block}@media screen and (min-width: 800px){.app-theme{flex-flow:row wrap}.theme{align-items:flex-end}}.yuu{font-weight:700;color:var(--title-fg)}.yuu>.yake{color:var(--title-alt)}.yuu.slim{font-weight:initial}