/*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } :root{--100vh: 100vh;--100svh: 100vh;--baseFont: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--baseFont_monospace: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;--subMenu_width: 2rem;--header_height: 2.3rem;--header_padding: 1.5rem;--header_subMenu_iconSize: 1rem;--header_subMenu_icon_padding: 1.2rem 0;--blog_tagList_opacity: 0.4}@supports(height: 100dvh){:root{--100vh: 100dvh}}@supports(height: 100svh){:root{--100svh: 100svh}}@media(max-width: 500px){:root{--subMenu_width: 2.7rem;--header_height: 2.7rem;--header_padding: 0.5rem;--header_subMenu_iconSize: 1.3rem;--header_subMenu_icon_padding: 1.7rem 0}}html{--c_font:#1d1d1d;--c_font_rgb:29, 29, 29;--c_font_light:#1d1d1d;--c_font_light_rgb:29, 29, 29;--c_font_dark:#eeeeee;--c_font_dark_rgb:238, 238, 238;--c_font_reversal:#eeeeee;--c_font_reversal_rgb:238, 238, 238;--c_bg_body:#f2f2f2;--c_bg_body_rgb:242, 242, 242;--c_bg_body_light:#f2f2f2;--c_bg_body_light_rgb:242, 242, 242;--c_bg_body_dark:#212121;--c_bg_body_dark_rgb:33, 33, 33;--c_bg_body_reversal:#212121;--c_bg_body_reversal_rgb:33, 33, 33;--c_bg:#f2f2f2;--c_bg_rgb:242, 242, 242;--c_bg_light:#f2f2f2;--c_bg_light_rgb:242, 242, 242;--c_bg_dark:#3e3e3e;--c_bg_dark_rgb:62, 62, 62;--c_bg_reversal:#3e3e3e;--c_bg_reversal_rgb:62, 62, 62;--c_bg_menu:#f2f2f2;--c_bg_menu_rgb:242, 242, 242;--c_bg_menu_light:#f2f2f2;--c_bg_menu_light_rgb:242, 242, 242;--c_bg_menu_dark:#f2f2f2;--c_bg_menu_dark_rgb:242, 242, 242;--c_bg_menu_reversal:#f2f2f2;--c_bg_menu_reversal_rgb:242, 242, 242}html[data-darkmode=true]{--c_font:#eeeeee;--c_font_rgb:238, 238, 238;--c_font_reversal:#1d1d1d;--c_font_reversal_rgb:29, 29, 29}html[data-darkmode=true]{--c_bg_body:#212121;--c_bg_body_rgb:33, 33, 33;--c_bg_body_reversal:#f2f2f2;--c_bg_body_reversal_rgb:242, 242, 242}html[data-darkmode=true]{--c_bg:#3e3e3e;--c_bg_rgb:62, 62, 62;--c_bg_reversal:#f2f2f2;--c_bg_reversal_rgb:242, 242, 242}html[data-darkmode=true]{--c_bg_menu:#f2f2f2;--c_bg_menu_rgb:242, 242, 242;--c_bg_menu_reversal:#f2f2f2;--c_bg_menu_reversal_rgb:242, 242, 242}html{--shadow_menu:0 0 0.3rem 0 rgba(0, 0, 0, 0.2);--shadow_menu_light:0 0 0.3rem 0 rgba(0, 0, 0, 0.2);--shadow_menu_dark:0 0 0.3rem 0 rgba(0, 0, 0, 0.8);--shadow_menu_reversal:0 0 0.3rem 0 rgba(0, 0, 0, 0.8);--shadow_menuSub:0 0 1.5rem 0 rgba(0, 0, 0, 0.2);--shadow_menuSub_light:0 0 1.5rem 0 rgba(0, 0, 0, 0.2);--shadow_menuSub_dark:0 0 0.3rem 0 rgba(0, 0, 0, 0.8);--shadow_menuSub_reversal:0 0 0.3rem 0 rgba(0, 0, 0, 0.8);--shadow_menuHover:0 0 0.1rem 0 rgba(0, 0, 0, 0.3);--shadow_menuHover_light:0 0 0.1rem 0 rgba(0, 0, 0, 0.3);--shadow_menuHover_dark:0 0 0.1rem 0 rgba(0, 0, 0, 0.8);--shadow_menuHover_reversal:0 0 0.1rem 0 rgba(0, 0, 0, 0.8);--shadow_menuHoverSub:0 0 0.5rem 0 rgba(0, 0, 0, 0.2);--shadow_menuHoverSub_light:0 0 0.5rem 0 rgba(0, 0, 0, 0.2);--shadow_menuHoverSub_dark:0 0 0.3rem 0 rgba(0, 0, 0, 0.8);--shadow_menuHoverSub_reversal:0 0 0.3rem 0 rgba(0, 0, 0, 0.8);--shadow_menuActive:0 0 0.4rem 0 rgba(0, 0, 0, 0.4);--shadow_menuActive_light:0 0 0.4rem 0 rgba(0, 0, 0, 0.4);--shadow_menuActive_dark:0 0 0.4rem 0 rgba(0, 0, 0, 0.9);--shadow_menuActive_reversal:0 0 0.4rem 0 rgba(0, 0, 0, 0.9)}html[data-darkmode=true]{--shadow_menu:0 0 0.3rem 0 rgba(0, 0, 0, 0.8);--shadow_menu_reversal:0 0 0.3rem 0 rgba(0, 0, 0, 0.2)}html[data-darkmode=true]{--shadow_menuSub:0 0 0.3rem 0 rgba(0, 0, 0, 0.8);--shadow_menuSub_reversal:0 0 1.5rem 0 rgba(0, 0, 0, 0.2)}html[data-darkmode=true]{--shadow_menuHover:0 0 0.1rem 0 rgba(0, 0, 0, 0.8);--shadow_menuHover_reversal:0 0 0.1rem 0 rgba(0, 0, 0, 0.3)}html[data-darkmode=true]{--shadow_menuHoverSub:0 0 0.3rem 0 rgba(0, 0, 0, 0.8);--shadow_menuHoverSub_reversal:0 0 0.5rem 0 rgba(0, 0, 0, 0.2)}html[data-darkmode=true]{--shadow_menuActive:0 0 0.4rem 0 rgba(0, 0, 0, 0.9);--shadow_menuActive_reversal:0 0 0.4rem 0 rgba(0, 0, 0, 0.4)} html,body{font-family:var(--baseFont);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}html{font-size:15px;color:var(--c_font);background:var(--c_bg_body);transition:color .3s,background .3s;will-change:color,background}@keyframes accentC{10%{--c_accent: hsla($hsla, 100%, 75%, 1)}20%{--c_accent: hsla($hsla, 100%, 75%, 1)}30%{--c_accent: hsla($hsla, 100%, 75%, 1)}40%{--c_accent: hsla($hsla, 100%, 75%, 1)}50%{--c_accent: hsla($hsla, 100%, 75%, 1)}60%{--c_accent: hsla($hsla, 100%, 75%, 1)}70%{--c_accent: hsla($hsla, 100%, 75%, 1)}80%{--c_accent: hsla($hsla, 100%, 75%, 1)}90%{--c_accent: hsla($hsla, 100%, 75%, 1)}100%{--c_accent: hsla($hsla, 100%, 75%, 1)}}html[data-header=false] header{display:none}html[data-darkmode=true]{color-scheme:dark}body{display:flex;flex-flow:column;justify-content:center;--gradient_0: hsl(0.5, 100%, 70%);--gradient_1: hsl(33.833333333333336, 100%, 70%);--gradient_2: hsl(67.16666666666667, 100%, 70%)}iframe,img,canvas{border:none;outline:none}#wrap{transition:.3s opacity,.3s filter}@media(any-hover: hover){#tagList:hover+#wrap{opacity:.5;filter:blur(10px)}}.load{pointer-events:none;position:fixed;left:calc(50% - max(6rem,9vw)/2);top:calc(50% - max(6rem,9vw)/2);width:max(6rem,9vw);height:max(6rem,9vw);stroke:var(--gradient_1);will-change:stroke}main{padding:0 3vw;margin-top:calc(var(--header_height) + 5.4vw - 2.7vw + 3vw - .5vw);opacity:0;transition:opacity .1s;will-change:opacity}@media(max-width: 800px){main{margin-top:3vw;margin-bottom:calc(var(--header_height) + 5.4vw - 2.7vw + 3vw - .5vw)}}main.false{opacity:1}.loading{opacity:0}.loading.true{opacity:1}.blog ul::after{transform:translateX(calc(100% - 0.74rem))}.about ul::after{transform:translateX(calc(200% - 1.48rem))}.blog-card-left img,.blog-card-right img,.hitokoto-talk img,.last-comment a{display:none !important}.blog-card-left,.blog-card-right{margin-bottom:.3em}.diff{display:flex;place-items:center}mobile-scroll{overflow:hidden;overflow-x:auto}.kooookoku{width:100vw;height:var(--100vh);padding:1rem;display:flex;justify-content:space-between;align-items:flex-end;position:fixed;left:0;top:0;pointer-events:none}.kooookoku>div{pointer-events:auto;background-color:rgba(var(--c_bg_body_reversal_rgb), 0.3);--width: 300px;--height: 250px;width:var(--width);height:var(--height)}@media(max-width: 1360px){.kooookoku>div{--width: 720px;--height: 90px;margin:auto}}@media(max-width: 750px){.kooookoku>div{--width: 300px;--height: 50px;display:none}}@media(max-width: 1360px){.kooookoku>div:nth-child(even){display:none}}.kooookoku>div .adsbygoogle{width:var(--width);height:var(--height)} /* PrismJS 1.28.0 https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+bash+basic+json+markdown+markup-templating+php+jsx+tsx+sass+scss+typescript */ code[class*="language-"], pre[class*="language-"] { font-family: var(--baseFont_monospace); white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; tab-size: 4; -webkit-hyphens: none; hyphens: none; } :not(pre) > code[class*="language-"] { white-space: normal; } .token.block-comment, .token.cdata, .token.comment, .token.doctype, .token.prolog { color: rgba(var(--c_font_rgb),.4); } .token.punctuation { color: rgba(var(--c_font_rgb),.6); } .token.attr-name, .token.deleted, .token.namespace, .token.tag { color: #d66165; } .token.function-name { color: #6196cc; } .token.boolean, .token.function, .token.number { color: #f08d49; } .token.class-name, .token.constant, .token.property, .token.symbol { color: #e3a521; } .token.atrule, .token.builtin, .token.important, .token.keyword, .token.selector { color: #c86ec9; } .token.attr-value, .token.char, .token.regex, .token.string, .token.variable { color: #5dbb81; } .token.entity, .token.operator, .token.url { color: #67cdcc; } .token.bold, .token.important { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .token.inserted { color: green; } .header_blur__OC_gG{position:fixed;top:0;left:0;width:100vw;height:var(--100vh);z-index:9;pointer-events:none}.header_blur__OC_gG::after,.header_blur__OC_gG:before{content:"";width:100%;left:0;position:absolute;-webkit-backdrop-filter:blur(999999px);backdrop-filter:blur(999999px);background:var(--c_bg_body);-webkit-mask-image:linear-gradient(var(--c_bg_body), transparent);mask-image:linear-gradient(var(--c_bg_body), transparent);z-index:-9999}.header_blur__OC_gG:before{top:0;height:calc(var(--header_height) + 5.4vw)}.header_blur__OC_gG::after{bottom:0;transform:rotate(180deg);height:10vh}.header_header__FfSP_{width:100vw;height:100%;font-weight:bold;color:var(--c_font_light);position:fixed;bottom:0;padding:2.7vw;z-index:999;pointer-events:none;display:flex;flex-direction:column}@media(max-width: 500px){.header_header__FfSP_{font-size:.9em}}@media(max-width: 800px){.header_header__FfSP_{justify-content:flex-end}}.header_header__FfSP_>*{position:relative}.header_header__FfSP_>*>*{pointer-events:auto}.header_header__FfSP_>*>*:nth-child(1){flex:5 1}.header_header__FfSP_>*>*:nth-child(2){flex:1 1}.header_header__FfSP_>*>*:nth-child(3){flex:5 1;display:flex;justify-content:flex-end}.header_header__FfSP_>*>*>*{width:-moz-fit-content;width:fit-content}.header_fixed__1NDvn{display:flex;justify-content:space-between}.header_fixed__1NDvn.header_true__T9WgT{top:0}.header_headerTitle__rqjeI{height:var(--header_height);display:flex;align-items:center;gap:.7rem;background:var(--c_bg_menu);border-radius:99rem;box-shadow:var(--shadow_menu),var(--shadow_menuSub);position:relative;cursor:pointer}.header_headerTitle__rqjeI span{font-size:.7em;opacity:.3}.header_headerTitle__rqjeI h1{margin-right:1.3rem}@media(max-width: 800px){.header_headerTitle__rqjeI h1{display:none}}.header_headerTitle__rqjeI .header_profileIMGwrap__GPnYk{width:calc(var(--header_height) + .4em);height:calc(var(--header_height) + .4em);border-radius:100%;overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow_menuActive);margin-left:-1px}.header_headerTitle__rqjeI .header_profileIMGwrap__GPnYk .header_profileIMG__PbupK{width:85%;height:85%;border-radius:100%;overflow:hidden}.header_menu__3flKw{margin:auto;position:relative;background:var(--c_bg_menu);border-radius:99rem;box-shadow:var(--shadow_menu),var(--shadow_menuSub)}.header_menu__3flKw::after,.header_menu__3flKw::before{content:"";border-right:solid rgba(0,0,0,.1) 1.7px;height:70%;position:absolute;top:15%;z-index:0}.header_menu__3flKw::before{left:calc(6em + var(--header_padding))}.header_menu__3flKw::after{left:calc(12em + var(--header_padding))}.header_menu__3flKw ul{display:flex;align-items:center;padding:0 var(--header_padding);background:none}.header_menu__3flKw ul li{z-index:99;display:flex;transition:opacity .3s,box-shadow .1s,transform .1s;will-change:opacity,box-shadow,transform}.header_menu__3flKw ul li a{height:var(--header_height);width:6em;display:flex;justify-content:center;align-items:center}@media(any-hover: hover){.header_menu__3flKw ul li:hover{opacity:.6;transform:scale(0.94)}}.header_menu__3flKw ul::after{content:"";box-shadow:var(--shadow_menuActive);width:calc(6em + .74rem);height:calc(100% + .2em);border-radius:99rem;position:absolute;top:-0.1em;left:calc(var(--header_padding) - .37rem);z-index:1;transition:transform .3s;will-change:transform;pointer-events:none}.header_border__ejCNJ{border:solid rgba(var(--c_bg_body_rgb), 0.2) 1px;background-size:calc(100% + 2px) calc(100% + 2px);background-position:-1px -1px}.header_border_after__XPh1i::after{border:solid rgba(var(--c_bg_body_light_rgb), 0.2) 1px;background-size:calc(100% + 2px) calc(100% + 2px);background-position:-1px -1px}.header_subMenu__2p8Bk{overflow:hidden;pointer-events:none;padding:.5rem;margin-left:calc(-0.5rem + (var(--header_height) + .4em - var(--subMenu_width))/2);position:absolute;z-index:-1;top:calc(var(--header_height)/2)}.header_subMenu__2p8Bk>*{pointer-events:auto}@media(min-width: 800px){.header_subMenu__2p8Bk{padding-top:0}}@media(max-width: 800px){.header_subMenu__2p8Bk{padding-bottom:0;top:auto;bottom:calc(var(--header_height)/2)}}.header_subMenu__2p8Bk ul{width:var(--subMenu_width);display:grid;place-items:center;background:var(--c_bg_dark);box-shadow:var(--shadow_menu),var(--shadow_menuSub);transform:translateY(-100%);border-radius:0 0 999rem 999rem;transition:transform .3s;padding:1rem 0}@media(max-width: 800px){.header_subMenu__2p8Bk ul{transform:translateY(100%);border-radius:999rem 999rem 0 0}}@media(min-width: 800px){.header_subMenu__2p8Bk ul{padding-top:1.8em}}@media(max-width: 800px){.header_subMenu__2p8Bk ul{padding-bottom:1.8em}}.header_subMenu__2p8Bk ul.header_subMenu_open__wwIHq{transform:translateY(0)}.header_subMenu__2p8Bk ul li{width:100%;display:grid;place-items:center}@media(any-hover: hover){.header_subMenu__2p8Bk ul li:hover{background:rgba(var(--c_bg_reversal_rgb), 0.1)}}.header_subMenu__2p8Bk ul li a{padding:var(--header_subMenu_icon_padding);display:block;width:100%}.header_subMenu__2p8Bk ul li a.header_icon__XnMI2{background:none !important;position:relative}.header_subMenu__2p8Bk ul li a.header_icon__XnMI2::before,.header_subMenu__2p8Bk ul li a.header_icon__XnMI2::after{content:"";position:absolute;top:calc((100% - var(--header_subMenu_iconSize))/2);left:calc((100% - var(--header_subMenu_iconSize))/2);width:var(--header_subMenu_iconSize);height:var(--header_subMenu_iconSize);-webkit-clip-path:var(--icon);clip-path:var(--icon);transition:background .3s,opacity .3s;will-change:background,opacity}.header_subMenu__2p8Bk ul li a.header_icon__XnMI2::before{background:var(--c_font_dark)}.header_subMenu__2p8Bk ul li a.header_icon__XnMI2::after{opacity:0}@media(any-hover: hover){.header_subMenu__2p8Bk ul li a.header_icon__XnMI2:hover::after{opacity:1}}.header_subMenu__2p8Bk ul li .header_iconBtn__gA7qh{background:none;box-shadow:none;--header_subMenu_iconSize: 1rem}.header_iconBtn__gA7qh{width:calc(var(--header_height) + .2em);height:calc(var(--header_height) + .2em);background:var(--c_bg_menu);border-radius:100%;box-shadow:var(--shadow_menu),var(--shadow_menuSub);cursor:pointer;transition:box-shadow .1s,transform .1s;will-change:box-shadow,transform;background:var(--c_bg_menu);position:relative;--iconSize: 50%}@media(any-hover: hover){.header_iconBtn__gA7qh:hover{transform:scale(0.97);box-shadow:var(--shadow_menuHover),var(--shadow_menuHoverSub)}}.header_iconBtn__gA7qh::before,.header_iconBtn__gA7qh::after{position:absolute;top:calc((100% - var(--iconSize))/2);left:calc((100% - var(--iconSize))/2);width:var(--iconSize);height:var(--iconSize);content:"";-webkit-clip-path:var(--icon);clip-path:var(--icon);transition:background .3s,opacity .3s;will-change:background,opacity}.header_iconBtn__gA7qh::before{background:var(--c_font_light)}.header_iconBtn__gA7qh::after{opacity:0}.header_iconBtn__gA7qh.header_spMenu__Lg4Qp{--iconSize: 40%;display:none}@media(max-width: 800px){.header_iconBtn__gA7qh.header_spMenu__Lg4Qp{display:block}}.header_iconBtn__gA7qh.header_darkmode_true__eQkmb{transform:scale(0.97);box-shadow:var(--shadow_menuHover),var(--shadow_menuHoverSub);background:rgba(var(--c_bg_light_rgb), 0.15)}.header_iconBtn__gA7qh.header_darkmode_true__eQkmb::before{opacity:0}.header_iconBtn__gA7qh.header_darkmode_true__eQkmb::after{opacity:1}.header_iconBtn__gA7qh.header_filter__TUS0g{display:none;position:absolute;bottom:2.7vw;right:2.7vw}.header_iconBtn__gA7qh.header_filter__TUS0g.header_index__8_t8q{display:block}@media(max-width: 800px){.header_iconBtn__gA7qh.header_filter__TUS0g{top:2.7vw}}.header_setting__zuvde{display:flex;gap:.5rem;align-items:center}.header_setting__zuvde li.header_searchWrap__LqjU9{position:relative}.header_setting__zuvde li.header_searchWrap__LqjU9 form{height:calc(var(--header_height) + .4em);position:absolute;top:0;right:50%;transition:width .2s;will-change:width;width:0;overflow:hidden}.header_setting__zuvde li.header_searchWrap__LqjU9 form input{margin-top:.1em;width:15em;margin-left:.2em;height:var(--header_height);background:var(--c_bg_menu);border-radius:999rem;padding:0 calc(var(--header_height)/2);box-shadow:var(--shadow_menu),var(--shadow_menuSub)}.header_setting__zuvde li.header_searchWrap__LqjU9.header_searchWrap_true__tuNjH form{width:10rem} ._V_animeBG__yEROM,._V_animeBG_font__5hCyy,._V_animeBG_after__biDw9::after,._V_animeBG_before__wO8l4::before{background:linear-gradient(60deg, var(--gradient_0), var(--gradient_1), var(--gradient_2));trasition:background .05s;will-chage:background}._V_animeBG_font__5hCyy{transition:-webkit-text-fill-color .2s,opacity .2s;-webkit-background-clip:text}@media(any-hover: hover){._V_animeBG_font__5hCyy:hover{-webkit-text-fill-color:rgba(0,0,0,0)}}