:root{--c-bg0_hard:#1d2021;--c-bg1:#3c3836;--c-fg0:#fbf1c7;--c-fg3:#bdae93;--c-blue1:#458588;--c-blue2:#83a598;--c-aqua1:#689d6a;--c-aqua2:#8ec07c;--overlay-filter:rgb(60, 56, 54, 0.8)}html,body{margin:0;padding:0;border:0;width:100vw;min-height:100vh;background-color:var(--c-bg0_hard);color:var(--c-fg0);font-family:hiragino mincho pron,serif}body{background-size:cover;background-position:50%;background-repeat:no-repeat;transition:background .3s ease}a{color:var(--c-aqua2);text-decoration:none;transition:color .2s ease}a:hover{color:var(--c-aqua1);text-decoration:none}a[target=_blank]{color:var(--c-blue2);transition:color .2s ease}a[target=_blank]:hover{color:var(--c-blue1)}pre{margin:0;padding:1em;line-height:1.4;overflow-x:auto}code{font-family:consolas,monospace;font-size:90%;text-wrap:pretty;text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}details{margin:1em 0}details summary{cursor:pointer;transition:color .2s ease}details summary:hover{color:var(--c-fg3)}figure img{display:block;margin:0 auto}figcaption p{margin:.5em 0 0;text-align:center;font-size:90%;color:var(--c-fg3)}header{background-color:var(--c-bg1);padding:5px 20px}header ul{list-style:none;margin:0;padding:0;display:flex;gap:15px;align-items:center}header ul li a{color:var(--c-fg0)}header ul li a .si{fill:var(--c-fg0)}header ul li a:hover .si{fill:var(--c-aqua1)}header ul li a[target=_blank]:hover .si{fill:var(--c-blue1)}header ul li:first-child{flex-grow:1;font-weight:700;font-size:120%}@media(max-width:250px){header ul{flex-direction:column;gap:5px}}main:not(.home){max-width:951px;margin:20px auto;padding:0 20px}.si{fill:var(--c-fg0);vertical-align:text-bottom;transition:fill .2s ease}.heading_anchor{color:var(--c-fg3)}.highlight{margin:1em 0}a.ogp{display:flex;flex-direction:row;background-color:var(--c-bg1);margin:10px 0;border-radius:10px}a.ogp *{color:var(--c-fg0);transition:color .2s ease}a.ogp:hover *{color:var(--c-aqua2)}a.ogp[target=_blank]:hover *{color:var(--c-blue2)}.ogp_image{display:block;max-width:20%;object-fit:cover;border-radius:10px 0 0 10px}.ogp_body{display:flex;flex-direction:column;gap:5px;padding:5px 10px;border-radius:0 10px 10px 0}.ogp_title{font-weight:700}.ogp_description,.ogp_site{font-size:80%}@media(max-width:600px){a.ogp{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;box-sizing:border-box}.ogp_image{grid-column:1;grid-row:1;max-width:100%;box-sizing:border-box;border-radius:10px}.ogp_body{height:100%;box-sizing:border-box;grid-column:1;grid-row:1;background-color:var(--overlay-filter);justify-content:flex-end;border-radius:10px}}.home a{color:var(--c-fg0)}.home a:hover{color:var(--c-aqua1)}.home a[target=_blank]:hover{color:var(--c-blue1)}.home a .si{fill:var(--c-fg0)}.home a:hover .si{fill:var(--c-aqua1)}.home a[target=_blank]:hover .si{fill:var(--c-blue1)}.home{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;background:var(--overlay-filter)}.home .content{text-align:center;box-sizing:border-box;width:auto;margin:auto;padding:30px}.home .avatar{width:90%;min-width:120px;max-width:200px;border-radius:50%;box-shadow:0 0 30px 10px var(--overlay-filter);user-select:none;transition:transform .2s ease}.home .avatar:hover{transform:scale(1.03);cursor:pointer}.home .links{margin-top:15px;display:flex;gap:15px;justify-content:center}.home .caption{font-style:italic;font-size:90%;text-align:right;color:var(--c-fg3);padding:10px 20px}