:root{--gradient-tuna-galiba: linear-gradient(to right, #b15ffc, #d493a4, #fbc451);--gradient-tuna-galiba-reverse: linear-gradient(to right, #fbc451, #d493a4, #b15ffc);--gradient-tuna-galiba-transparent: linear-gradient(to right, #b15ffc90, #d493a490, #fbc45190);--color-text: #000000;--color-text-reverse: #ffffff;--color-text-small: #5a5a5a;--color-text-aux: #5a5a5a;--color-text-clickable: #b177e4;--color-text-inner: #ffffff;--color-text-important: rgb(255, 128, 130);--color-mine-outline: oklch(83.736% .13074 85.582);--color-hr-border: #b8b8b8;--color-input-border: #989898;--color-background: #efefef;--color-article-background: #ffffff;--color-icon-inactive: #b0b0b0;--color-icon-active: #494949;--color-icon-active-favorite: rgb(255, 128, 130);--color-icon-postinfo: #8a8a8a;--color-icon-post: var(--color-article-background);--color-icon-queueinfo: rgba(0, 0, 0, .35);--color-icon-bottommenu-inactive: #676767;--color-shadow: rgba(0, 0, 0, .057);--color-shadow-menu: rgba(0, 0, 0, .59);--color-shadow-relative: rgba(0,0,0,.3);--color-switch-oval: #ffffff;--color-svg-shadow: rgba(255,255,255,.5);--color-index-hero-background: rgba(1,1,1,.2);--color-index-article-background: rgba(255,255,255,.6);--color-topmenu-background: rgba(0, 0, 0, .3);--color-help-content-border: #fbc451;--color-help-content-background: #fff3dc;--color-help-content-text: #000000}@media(prefers-color-scheme:dark){:root{--color-text: #ffffff;--color-text-reverse: #ffffff;--color-text-small: #c2c2c2;--color-text-aux: #c2c2c2;--color-text-clickable: #b177e4;--color-text-inner: #000000;--color-text-important: rgb(255, 128, 130);--color-mine-outline: oklch(61.177% .0883 86.451);--color-hr-border: #c2c2c2;--color-input-border: #c2c2c2;--color-background: #252525;--color-article-background: #2f2f2f;--color-icon-inactive: #939393;--color-icon-active: #ffffff;--color-icon-active-favorite: rgb(255, 128, 130);--color-icon-postinfo: #c2c2c2;--color-icon-post: var(--color-background);--color-icon-queueinfo: rgba(255, 255, 255, .5);--color-icon-bottommenu-inactive: #c2c2c2;--color-shadow: rgba(0, 0, 0, .361);--color-shadow-menu: rgba(0,0,0,.8);--color-shadow-relative: rgba(0,0,0,.6);--color-svg-shadow: rgba(0,0,0,.5);--color-index-hero-background: rgba(1,1,1,.5);--color-index-article-background: rgba(1,1,1,.5);--color-help-content-border: #846729;--color-help-content-background: #464542;--color-help-content-text: #ffffff}}html,body,button{font-family:"M PLUS 1 Code",Meiryo,Arial,"system-ui";font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.4;margin:0;background-color:var(--color-background)}button{color:var(--color-text)}.text-small{color:var(--color-text-small);font-size:14px}.text-aux{color:var(--color-text-aux);font-size:11px}.text-clickable{color:var(--color-text-aux);font-size:14px}.text-important{color:var(--color-text-important);font-size:15px;font-weight:700}#site-header{>#header-button{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;background:none;border:none;padding:0;cursor:pointer;z-index:500;>span{position:fixed;display:flex;width:100%;height:3px;background:var(--color-article-background);transition:.3s cubic-bezier(0,.06,0,1)}>span.hb-1{transform:translateY(-7px) rotate(0)}>span.hb-2{transform:translateY(7px) rotate(0)}&.open>span.hb-1{transform:translateY(0) rotate(45deg)}&.open>span.hb-2{transform:translateY(0) rotate(-45deg)}}}#site-header{position:relative;width:100%;height:56px;padding:5px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--gradient-tuna-galiba);color:var(--color-article-background);box-sizing:border-box;z-index:500;overflow:visible;box-shadow:0 0 12px -4px var(--color-shadow-menu);transition:height .5s ease,background .3s ease;>a{box-sizing:border-box;width:135px;height:40px;background-color:var(--color-article-background);border-radius:30px;color:#000;position:absolute;top:8px;left:12px;display:flex;justify-content:space-between;padding:4px 12px 5px;text-decoration:none;z-index:2;>svg.header-logo{width:30px;height:30px}>svg.header-title{color:var(--color-text);width:100px;height:auto}}@media(max-width:500px){>a{width:40px;height:40px;padding:5px;>svg.header-title{width:0;height:0}}}>div{position:fixed;top:12px;left:50%;transform:translate(-50%);margin:0;font-size:18px;font-weight:700;pointer-events:none}}.top-menu{position:fixed;top:0;left:0;right:0;padding-top:60px;padding-bottom:30px;background:var(--color-topmenu-background);color:var(--color-text-reverse);border-radius:0 0 30px 30px;backdrop-filter:blur(4px);transform:translateY(-100%);transition:transform .37s cubic-bezier(.58,.92,.59,1);z-index:60;>ul{margin-left:10px;margin-right:40px;display:flex;flex-direction:column;>li{list-style:none;text-decoration:none;>a{display:block;height:100%;color:#fff;font-size:20px;font-weight:400;text-decoration:none;padding:7px 10px 13px;border-radius:8px;transition:.5s cubic-bezier(0,.14,0,1);transition-property:padding;&:hover{color:#fbc451;background:linear-gradient(90deg,#0006,#0000);padding-left:20px;transition:1s cubic-bezier(0,.14,0,1);transition-property:padding}>svg{position:relative;top:0;width:15px;height:auto}}}}&.active{transform:translateY(0)}}