Aureole/Eclipseテーマ

@import"https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"(prefers-color-scheme: light);@import"https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&display=swap"(prefers-color-scheme: dark);@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"(prefers-color-scheme: dark);@import"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wdth,wght@6..144,25..151,1..1000&display=swap"(prefers-color-scheme: dark);body{--bullet-list-dot-width: .4em ;--bullet-list-dot-height: var(--bullet-list-dot-width);--list-ellipsis-dot-height: calc(2em / 15)}.line .indent-mark{width:calc(20em / 15);height:1em}.line .indent-mark .dot,.line.quote-line .quote .indent-mark .dot{right:calc(var(--calculated-pargraph-line-height, 24px) / 2 - var(--bullet-list-dot-width, 6px) / 2);top:calc(var(--calculated-paragraph-line-height, 24px) / 2 - var(--bullet-list-dot-height, 6px) / 2 - 1em / 15);width:var(--bullet-list-dot-width, 6px);height:var(--bullet-list-dot-height, 6px)}.line .indent-mark .pad{vertical-align:middle}.line.number-list .dot,.line.quote-line .dot{right:calc(var(--calculated-paragraph-line-height, 24px) / 2 - var(--list-ellipsis-dot-width, var(--bullet-list-dot-width, 6px)) / 2);top:calc(var(--calculated-paragraph-line-height, 24px) / 2 - var(--list-ellipsis-dot-height, var(--bullet-list-dot-height, 2px)) / 2 - 1em / 15);width:var(--list-ellipsis-dot-width, var(--bullet-list-dot-width, 6px));height:var(--list-ellipsis-dot-height, var(--bullet-list-dot-height, 2px));border-radius:unset}main.page,.stream .page{overflow-x:auto}.line.quote-line .quote .indent-mark .dot{display:block;position:absolute;right:calc(var(--calculated-pargraph-line-height, 24px) / 2 - var(--bullet-list-dot-width, 6px) / 2);top:calc(var(--calculated-paragraph-line-height, 24px) / 2 - var(--bullet-list-dot-height, 6px) / 2 - 1em / 15);width:var(--bullet-list-dot-width, 6px);height:var(--bullet-list-dot-height, 6px);border-radius:50%}.line.quote-line .quote span:not(.char-index):has(>.indent-mark+.indent){display:inline-block;max-width:calc(100% - var(--indent-width, 1.5em));>.indent{display:inline-block}}.line.quote-line:has(span:not(.char-index).indent-mark+.indent .quote)+.line.quote-line span:not(.char-index).indent-mark:has(+.indent .quote) .dot:not(.quote &){display:none}@font-face{font-family:Zilla Slab;size-adjust:110.5%;src:local("Zilla Slab"),url(https://scrapbox.io/files/698c3389fcb69bbafbab4860.otf) format("otf"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CVHaZV3B3Taw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:300;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CVHaZV3B3Taw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:300;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CVHaZWXB3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:400 499;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://scrapbox.io/files/698c33833d793904cbb1b009.otf) format("otf"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa4ZfeM_74wlPZtksIFaj8K8VSMZlE.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:400 499;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://scrapbox.io/files/698c33833d793904cbb1b009.otf) format("otf"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa4ZfeM_74wlPZtksIFaj8K_1SM.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:500;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CDHeZV3B3Taw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:500;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CDHeZWXB3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:600;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CIHCZV3B3Taw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:600;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CIHCZWXB3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:700;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CRHGZV3B3Taw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:italic;font-weight:700;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CRHGZWXB3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:300;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYpEY6H2pW2hz.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:300;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYpEY6HOpWw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:400 499;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://scrapbox.io/files/698c3389fcb69bbafbab4860.otf) format("otf"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa6ZfeM_74wlPZtksIFajQ6_UyI.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:400 499;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://scrapbox.io/files/698c3389fcb69bbafbab4860.otf) format("otf"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa6ZfeM_74wlPZtksIFajo6_Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:500;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYskZ6H2pW2hz.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:500;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYskZ6HOpWw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:600;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYuUe6H2pW2hz.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:600;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYuUe6HOpWw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:700;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYoEf6H2pW2hz.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:normal;font-weight:700;size-adjust:110.5%;font-display:swap;src:local("Zilla Slab"),url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYoEf6HOpWw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:is(.page,.stream .page) .line-title{line-height:var(--line-title-line-height, var(--page-line-height, 42px));font-size:var(--line-title-font-size, 1.73em);font-weight:var(--line-title-font-weight, inherit);font-size-adjust:var(--line-title-font-size-adjust, inherit);font-family:var(--line-title, var(--line-title-latin, "Google Sans Flex", "Google Sans", "Roboto Flex", "Roboto", Helvetica, Arial, "Arimo")),var(--paragraph-latin),var(--sans-serif-latin),var(--line-title, var(--line-title-ja, "Hiragino Sans", "Yu Gothic Medium", "Noto Sans JP")),var(--paragraph-ja),var(--sans-serif-ja),var(--icons, "AppIcons"),var(--fallback, sans-serif);font-feature-settings:var(--line-title-font-feature-settings);font-variant-numeric:tabular-nums;>.text{padding-bottom:var(--calculated-paragraph-line-height, 24px);text-align:var(--line-title-text-align, start)!important;text-wrap:var(--line-title-text-wrap, pretty)!important}}.line.section-title:not(.line-title) .level-4class^="level level-4":not(.indent &){display:inline-block;box-sizing:content-box;width:100%;margin-top:calc(var(--page-padding-bottom) + var(--virtual-page-margin-top) + var(--page-border-top-width, 0px));margin-bottom:0;margin-left:0;padding-top:var(--page-padding-top, 7px);padding-bottom:var(--calculated-paragraph-line-height, 24px);min-height:inherit!important;text-align:var(--line-title-text-align, start)!important;text-wrap:var(--line-title-text-wrap, pretty)!important;color:var(--line-title-color, #000);text-transform:var(--line-title-text-transform, none);line-height:var(--line-title-line-height, 42px);font-size:var(--line-title-font-size, 1.73em);font-weight:var(--line-title-font-weight, 400);font-size-adjust:var(--line-title-font-size-adjust, inherit);font-family:var(--line-title, var(--line-title-latin, "Roboto", Helvetica, Arial, Arimo)),var(--paragraph-latin),var(--sans-serif-latin),var(--line-title, var(--line-title-ja, "Hiragino Sans", "Yu Gothic Medium", "Noto Sans JP")),var(--paragraph-ja),var(--sans-serif-ja),var(--icons, "AppIcons"),var(--fallback, sans-serif);font-feature-settings:var(--line-title-font-feature-settings);&:not(.section-0 &):before{content:"";display:inline-block;position:absolute;height:calc(var(--virtual-page-margin-top) + var(--page-border-top-width, 0px));top:calc(1 * (var(--virtual-page-margin-top) + var(--page-border-top-width, 0px)));width:var(--page-width, 100%);left:calc(-1 * var(--page-padding-left, 49px));background-color:var(--body-bg);border-bottom:var(--page-border-top, none)}}html{--line-title-font-size: 1.73em;--line-title-font-weight: 550;--line-title-line-height: var(--page-line-height, 42px);--line-title-latin: "Zilla Slab", "EB Garamond", "Source Sans Pro", "Roboto Serif", -apple-system, "Segoe UI Variable Display", "Atkinson Hyperlegible Next", "Roboto Flex", "Roboto", "Helvetica", "Arimo";--line-title-ja: "UD Digi Kyokasho NK", "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic Medium";--line-title-font-feature-settings: "tnum", "lnum", "liga", "clig";--line-title-text-align: center;--line-title-text-wrap: balance;--section-title-level-3-font-size: 1.4em ;--section-title-level-3-font-weight: ;--section-title-level-3-line-height: var(--page-line-height);--section-title-level-3-latin: -apple-system, "Segoe UI Variable Display", "Helvetica", "Arimo", "Inter Variable", "Roboto Flex";--section-title-level-3-ja: var(--h2-ja);--section-title-level-3-font-feature-settings: "";--section-title-level-3-text-color: black;--section-title-level-2-font-size: 1.2em ;--section-title-level-2-font-weight: ;--section-title-level-2-latin: "Zilla Slab", -apple-system, "Helvetica", "Arimo", "Inter Variable", "Roboto Flex";--section-title-level-2-ja: "Yu Gothic Medium", "Noto Sans JP";--section-title-level-2-font-feature-settings: "";--section-title-level-2-text-color: black}html{--section-border-color: hsl(from var(--navbar-bg, gray) h 15% l / 85%)}.page{--virtual-page-margin-top: calc(var(--calculated-paragraph-line-height) * 2);--section-padding-top: var(--page-layout-unit, 7px);--section-border-top-width: calc(.05em * var(--calculated-paragraph-line-height, 24px));--section-border-top: var(--section-border-top-width) solid var(--body-bg);--section-title-level-3-box-shadow: 0 0 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .14);--section-title-level-3-border-left: var(--page-layout-unit, 7px) solid var(--section-border-color, var(--page-text-color));--section-title-level-3-border-bottom: var(--h3-border-bottom-width) solid var(--section-border-color, var(--page-text-color));--section-title-level-3-border-bottom-width: calc(var(--page-layout-unit, 7px) * .5);--section-title-level-3-border-right: none;--section-title-level-2-border-left: var(--page-layout-unit, 7px) solid var(--section-border-color, var(--page-text-color));--section-title-level-2-border-bottom: none;--section-title-level-2-border-right: none}.line.cursor-line img:is(.image,.strong-image){display:inline-block!important;max-height:20em;opacity:.5}.line.cursor-line :is(img.icon,img.strong-icon){display:inline-block!important;opacity:.5}.popup-menu{font-size:15px!important}:where(main) .line img{transition:transform .25s cubic-bezier(.2,0,.2,1);will-change:transform}:is(.page-list,.related-page-list) ul.grid{@media (max-width: 767px){grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}ul.grid li.page-list-item.grid-style-item{aspect-ratio:1 / 1.37;@media (max-width: 767px){aspect-ratio:1 / 1.315}}.grid li.ellipsis a .circle,.grid li.expand-stack a,.grid li.start-2hop-search a{background-color:var(--card-bg)}.grid li.page-list-item.unread a{border-top:var(--card-unread-border, var(--card-hover-border))!important;.content .header{border-top:none}}.grid li.page-list-item{>a{border:var(--card-border);overflow:visible}>a .header{@media (max-width: 767px){padding:3.5px 7px}}>a .title{min-height:42px;line-height:21px;@media (max-width: 767px){min-height:44px;font-size:11.5px}font-family:var(--card-title-font-family, "Roboto Flex", "Roboto", Helvetica, "Arial", "Open Sans", var(--sans-serif-latin), var(--sans-serif-ja), sans-serif),var(--icons, AppIcons);text-wrap:var(--card-title-text-wrap, pretty);color:var(--card-title-color-tmp, var(--card-title-color))}>a .description{aspect-ratio:1 / 1;overflow:visible;@media (max-width: 767px){padding:4px;line-height:1.55;font-size:11px}font-weight:500;font-family:var(--card-description-font-family, sans-serif),var(--icons, AppIcons)}>a .content .header{border-top:none}data-hover-visible & a:hover .hover,>a:active .hover,data-focus-visible & a:focus .hover{display:none!important}data-hover-visible &:hover>a,&:active>a,>a:focus{box-shadow:var(--card-box-hover-shadow);border:var(--card-hover-border);background-color:var(--card-focused-bg, var(--card-bg));animation-name:card-hover-animation;animation-timing-function:ease-out;animation-duration:.2s;--card-title-color-tmp: var(--card-title-hover-color)}&.image>a div.icon{aspect-ratio:1 / 1;filter:var(--card-icon-filter);overflow:hidden;>img{overflow:hidden;object-fit:cover;object-position:center top;min-height:70%}}data-hover-visible &:hover>a div.icon,&:active>a div.icon,a:focus div.icon{filter:var(--card-icon-focused-filter, var(--card-icon-filter));animation-name:card-icon-hover-animation;animation-timing-function:ease-out;animation-duration:var(--card-icon-hover-animation-duration, 0s)}}@keyframes card-hover-animation{0%{border:var(--card-border);background-color:var(--card-bg);box-shadow:var(--card-box-hover-shadow-init, var(--card-box-shadow));--card-title-color-tmp: var(--card-title-color)}to{border:var(--card-hover-border);background-color:var(--card-focused-bg);box-shadow:var(--card-box-hover-shadow);--card-title-color-tmp: var(--card-title-hover-color)}}@keyframes card-icon-hover-animation{0%{filter:var(--card-icon-filter)}to{filter:var(--card-icon-focused-filter)}}li.relation-label a{.related-page-list div.links-2-hop .grid &{box-shadow:var(--relation-label-box-shadow);border:var(--relation-label-border, none);background-color:var(--relation-label-bg, #9babc1);color:var(--relation-label-text, #fff);.icon-lg{color:transparent;&:before{content:"#";color:var(--relation-label-text, #fff)}}}.related-page-list div.links-2-hop ul.grid:hover &{box-shadow:var(--relation-label-box-hover-shadow);border:var(--relation-label-hover-border, none);background-color:var(--relation-label-hover-bg, var(--relation-label-bg, #9babc1));color:var(--relation-label-hover-text, var(--relation-label-text, #fff));font-weight:bolder;animation-duration:var(--relation-label-2hop-hover-animation-duration, 0s);animation-name:relation-label-2hop-hover-animation;animation-timing-function:ease-out}}@keyframes relation-label-2hop-hover-animation{0%{box-shadow:var(--relation-label-box-shadow);border:var(--relation-label-border);background-color:var(--relation-label-bg);color:var(--relation-label-text, lime);font-weight:500}to{box-shadow:var(--relation-label-box-hover-shadow);border:var(--relation-label-hover-border);background-color:var(--relation-label-hover-bg);color:var(--relation-label-hover-text, lime);font-weight:bolder}}.grid li.page-list-item.empty{opacity:var(--empty-card-opacity, .5)}.page-menu{background:var(--page-menu-bg, transparent)}.expandable-menu .page-menu .tool-btn{color:var(--tool-color, #848484)}.expandable-menu .toggle-button{color:var(--expandable-menu-toggle-button-color, var(--tool-color, #848484))}@font-face{font-family:"0xProto";size-adjust:86.6%;src:local("0xProto"),local("Zx Proto")}@font-face{font-family:"0xProto";font-weight:400;font-style:normal;size-adjust:86.6%;font-display:swap;src:local("0xProto"),local("Zx Proto"),url(https://scrapbox.io/files/69836d922c85c0cdcf96c95a.woff2) format("woff2"),url(https://github.com/0xType/0xProto/raw/refs/heads/main/fonts/0xProto-Regular.woff2) format("woff2")}@font-face{font-family:"0xProto";font-weight:400;font-style:italic;size-adjust:86.6%;font-display:swap;src:local("0xProto"),local("Zx Proto"),url(https://scrapbox.io/files/69836dbdbf7dc69cba8d6ef7.woff2) format("woff2"),url(https://github.com/0xType/0xProto/raw/refs/heads/main/fonts/0xProto-Italic.woff2) format("woff2")}@font-face{font-family:"0xProto";font-weight:700;font-style:normal;size-adjust:86.6%;font-display:swap;src:local("0xProto"),local("Zx Proto"),url(https://scrapbox.io/files/69836da90b02d73bc0d3b11a.woff2) format("woff2"),url(https://github.com/0xType/0xProto/raw/refs/heads/main/fonts/0xProto-Bold.woff2) format("woff2")}@font-face{font-family:Zx Proto;size-adjust:86.6%;src:local("Zx Proto")}@font-face{font-family:Zx Proto;font-weight:400;font-style:normal;size-adjust:86.6%;font-display:swap;src:local("Zx Proto"),url(https://scrapbox.io/files/6992e1ec3583dfb074d26b22.otf) format("otf")}@font-face{font-family:Zx Proto;font-weight:400;font-style:italic;size-adjust:86.6%;font-display:swap;src:local("Zx Proto"),url(https://scrapbox.io/files/6992e1f13583dfb074d26b29.otf) format("otf")}@font-face{font-family:Zx Proto;font-weight:700;size-adjust:86.6%;font-display:swap;src:local("Zx Proto"),url(https://scrapbox.io/files/6992e1f43583dfb074d26b2e.otf?title=ZxProto-Bold.otf) format("otf")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:100;size-adjust:96.66%;src:url(https://scrapbox.io/files/68ad3a54698c4e80f4365dd1.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:200;size-adjust:96.66%;src:url(https://scrapbox.io/files/68ad3a4c208615ae1479bfab.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:300;size-adjust:96.66%;src:url(https://scrapbox.io/files/68ad3a4753b4d9f52c0b15fd.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:400;size-adjust:96.66%;src:url(https://scrapbox.io/files/68ad39f35ff3c4cc1e45e2ed.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:425 475;size-adjust:96.66%;src:url(https://scrapbox.io/files/68ad3a1efa3efae9b1025fd4.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans JP Text;font-style:normal;font-weight:400 450;size-adjust:96.66%;src:url(https://scrapbox.io/files/68ad3a1efa3efae9b1025fd4.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:500;size-adjust:96.66%;src:url(https://scrapbox.io/files/68ad3a2f5984a264321d41bb.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:600;size-adjust:96.66%;src:url(https://scrapbox.io/files/68ad3a399e41db5592fdd77e.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:700;size-adjust:96.66%;src:url(https://scrapbox.io/files/68ad3a3e8555de1e43e85bc1.woff2) format("woff2")}body{--deco-marking-pencil-color: light-dark(var(--c-red-1, crimson), lightcoral)}.line span:not(.char-index):not(class)style="text-decoration: underline;"{text-decoration:none!important}.line .deco-_{text-decoration:1.5px underline wavy light-dark(var(--deco-marking-pencil-color, crimson),var(--deco-marking-pencil-color, lightcoral))}.line code.helpfeel{background-color:var(--code-helpfeel-bg, #f17c00);.prefix{color:var(--code-helpfeel-prefix-color, #f17c00)}.entry{color:var(--code-helpfeel-entry-color, #cc5020)}}.page-wrapper,.project-events{container-type:inline-size;container-name:page}.editor,.stream .page{font-size:var(--page-font-size, 15px);font-size-adjust:var(--page-font-size-adjust, unset);line-height:var(--page-line-height, 24px)}.app:not(.presentation) .page{padding:var(--page-padding-top, 42px) max(21px,var(--page-padding-right, var(--page-padding-left, 49px))) var(--page-padding-bottom, 35px) max(21px,var(--page-padding-left, 49px))}.line .telomere .telomere-border{left:calc(-1*max(21px,var(--page-padding-left, 49px)));min-width:var(--telomere-width, 5px)}@container page (max-width: 767px){.editor,.stream .page{line-height:var(--page-min-line-height, var(--page-line-height, 24px))}.app:not(.presentation) .page,.stream .page{padding:var(--page-padding-top, 28px) max(21px,var(--page-padding-right, var(--page-padding-left, 21px))) var(--page-padding-bottom, 42px) max(21px,var(--page-padding-left, 21px))!important}.line .telomere .telomere-border{left:calc(-1*max(21px,var(--page-padding-left, 21px)))!important;min-width:var(--telomere-width, 5px)!important}}@container page (min-width: 768px) and (max-width: 991px){:where(.app:not(.presentation)) .page{padding:var(--page-padding-top, 42px) max(21px,var(--page-padding-right, var(--page-padding-left, 42px))) var(--page-padding-bottom, 35px) max(21px,var(--page-padding-left, 42px))}}@media (min-width: 768px) and (max-width: 991px){:where(.app:not(.presentation)) .page{padding:inherit}}@media (max-width: 767px){:where(.app:not(.presentation)) .page{padding:inherit}.line .telomere .telomere-border{left:inherit;width:inherit}}.line .table-block-row{display:flex!important;height:100%!important}.line .cell{display:block!important;max-width:var(--cell-wrap-width, 30em)}.line .cell-text{display:inline-block;box-sizing:content-box;max-width:var(--cell-wrap-width, 30em);vertical-align:top;text-wrap:pretty}.line .indent-mark .pad{width:var(--indent-width, 1.5em)}.line img.icon,.stream .page img.inline-icon{top:initial;vertical-align:sub;height:inherit;width:inherit;height:calc(.85em * var(--page-line-height));min-width:var(--indent-width, 1.5em);object-fit:cover;object-position:center top}.line .quote{display:block;box-sizing:border-box;border-left:solid var(--quote-border-width, 1px) var(--quote-border-color, #a0a0a0);padding-left:var(--quote-padding-start, 3px);padding-right:var(--quote-padding-end, 0);background-color:var(--quote-bg-color, rgba(0, 0, 0, .05));color:var(--quote-text-color, var(--page-text-color));font-family:var(--quote-font-family, inherit);font-feature-settings:var(--quote-font-feature-settings);font-variant-ligatures:common-ligatures;font-weight:var(--quote-font-weight);.image{max-width:100%}}.line.cursor-line .quote{padding-left:calc(3px + var(--quote-border-width, 1px))}.line:not(.cursor-line) .quote>.tag:has(+*){display:none}.line .quote>.tag{vertical-align:top}.line atype=hashTag{&.page-link{color:var(--hashtag-color, forestgreen)}data-hover-visible &.page-link:hover{color:var(--hashtag-hover-color, darkolivegreen)}&.empty-page-link{color:var(--empty-hashtag-color, purple)}data-hover-visible &.empty-page-link:hover{color:var(--empty-hashtag-hover-color, darkmagenta)}}.page .line *:has(>.indent a.page-linktype=hashTag)>.indent-mark .dot{background-color:var(--hashtag-color, var(--page-link-color, forestgreen))}.page .line *:has(>.indent a.empty-page-linktype=hashTag)>.indent-mark .dot{background-color:var(--empty-hashtag-color, var(--empty-page-link-color, darkmagenta))}.page,.editor,.stream .page,.stream .lines{--page-font-family: var(--paragraph-latin), var(--sans-serif-latin), var(--paragraph-ja), var(--sans-serif-ja), sans-serif, var(--icons, AppIcons);font-family:var(--page-font-family, sans-serif),var(--fallback)}.line .deco-\/{font-family:var(--italic-latin, dummyfont),var(--paragraph-latin, var(--sans-serif-latin)),var(--italic-ja, dummyfontja),var(--paragraph-ja, var(--sans-serif-ja)),var(--icons, AppIcons),sans-serif,var(--fallback);font-feature-settings:var(--italic-font-feature-settings, "");font-style:italic;&:not(.deco-\*){font-weight:var(--italic-font-weight)}}.line .indent-mark .dot{background-color:var(--indent-mark-color, var(--page-text-color, #222))}.table-block .cell{font-size:var(--cell-font-size, 1em);font-stretch:var(--narrow-font-stretch);font-family:var(--narrow-latin),var(--sans-serif-latin),var(--narrow-ja),var(--sans-serif-ja),var(--fallback),var(--icons, "AppIcons");font-feature-settings:var(--narrow-font-feature-settings)}htmldata-project-theme:has(:where(>body>#app-container>.app>.container>.page-column>.col-page>.page-wrapper>div.drag-and-drop-enter>.page>.editor>.pointer-event>.lines>.line,>body>#app-container>.app>.container>.page-column>.col-page>.page-wrapper>.page>.editor>.pointer-event>.lines>.line).cursor-line){--navbar-title-color: var(--edit-mode-navbar-title-color);--search-form-bg: var(--edit-mode-search-form-bg)}.cursor-line:not(.quote-line,:has(>.code-block,>.table-block)){background-color:var(--cursor-line-bg, transparent);color:var(--cursor-line-text-color, var(--page-text-color, #444))}:where(main) .lines:has(>.cursor-line)>.line:not(.cursor-line)>:is(.text,.telomere,.table-block){opacity:var(--line-not-cursor-line-opacity, .6)}:where(main) .lines:has(>.cursor-line>.code-block)>.line:not(.cursor-line)>.text.code-block{opacity:1}.cursor-line:before{content:"";display:inline-block;position:absolute;z-index:0;right:100%;min-height:100%;width:calc(var(--page-padding-left, 21px) - var(--telomere-width, 5px));background-color:var(--cursor-line-margin-bg)}.cursor-line.with-image{display:inline-block;animation-duration:1.67s;animation-name:cursor-line-with-image;animation-timing-function:ease-out}@keyframes cursor-line-with-image{0%{background-color:var(--code-bg, #efefef)}to{background-color:var(--cursor-line-bg, transparent)}}body{caret-color:var(--cursor-color, var(--page-text-color))}.shared-cursors .cursor{background-color:var(--user-flag-bg, green)}.shared-cursors .cursor .user-flag{color:var(--user-flag-name-color, #fff);background-color:var(--user-flag-bg, green)}.selections .selection{opacity:var(--text-selection-bg-opacity, .4);background:var(--text-selection-bg, green)}.line .telomere .telomere-border.updated-after-load.unread{border-color:var(--telomere-updated-after-load-unread, var(--telomere-updated, #6b8cff))}.line.permalink{animation-duration:var(--line-permalink-activated-animation-duration, .85s);animation-name:line-permalink;animation-timing-function:ease-out}:where(.page) .line.line-title>.text,.stream .page .line-title,.stream h1,:where(.page) :is(.line>.text,.line .quote):not(:has(.indent)):has(img.image,img.strong-image,.video-player,.iframe-video-player),.stream .line:has(img.image,img.strong-image,.video-player,.iframe-video-player){text-align:center;text-wrap:balance}:where(.page) .line :is(.line>.text,.line .quote),.stream .page .line{& img.image{margin:var(--page-image-margin, 0 0);filter:var(--page-image-filter, var(--page-multimedia-filter, none))}& img.strong-image{box-sizing:content-box;filter:var(--page-image-filter, var(--page-multimedia-filter, none));margin:var(--page-image-margin, 0 0);max-width:100%}}:where(.page) .line .video-player .video{box-shadow:var(--page-iframe-box-shadow, var(--onpage-box-shadow));margin:.5em auto;max-height:80vdh;max-width:calc(100% - 1.5em)}:where(.page) .line .iframe-video-player iframe.youtube{box-sizing:content-box;box-shadow:var(--page-iframe-box-shadow, var(--onpage-box-shadow));margin:.5em auto}:where(.page,.stream .page) .line .table-block{margin:0 auto;text-align:center;.table-block-row{display:flex!important;flex-direction:row;justify-content:safe center}.cell{text-align:start}&:has(>.indent-mark:not(style="width: 0em;")){text-align:start}}body{background-color:hsl(from var(--body-bg) h s 90%)}.page,.stream .page{box-shadow:var(--page-box-shadow, var(--card-box-shadow, 0 4px 0 rgba(0, 0, 0, .16)));border:var(--page-border, var(--card-border, none));border-top:var(--page-border-top, var(--page-border, var(--card-border, none)))}.navbar-default{background-color:oklch(from var(--navbar-bg, rgba(53, 59, 72, .6)) l c h / 0)}.search-form .form-group:focus-within input{box-shadow:var(--search-form-focus-box-shadow, 0 0px 0px 3px rgb(from var(--search-form-focus-box-shadow-color, rgb(102,175,233)) h s l/ .6))}.app:has(>.footer .kamon-locked) .navbar .row .left:after{content:"\e062";font-family:var(--icons, "AppIcons"),icon,ui-sans-serif;vertical-align:bottom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1;color:var(--navbar-title-color, deeppink)}.navbar .row .left{container-type:inline-size;container-name:navbar-row-left}.project-home .title{font-family:var(--project-title-font-family, "Zilla Slab"),var(--sans-serif-latin),var(--sans-serif-ja),sans-serif,var(--icons, "AppIcons"),var(--fallback);font-weight:var(--project-title-font-weight, 500);@container navbar-row-left (max-width: 767px){font-size:clamp(13.5px,4cqw,var(--project-title-font-size, 15.5px))}}.stream h1{background-color:var(--stream-section-label-bg);color:var(--stream-section-label-text-color)}.search-form .form-group input:is(type=text,type=search),.search-form .form-group input.for-mobile{border-radius:9999px}.search-form .form-group input:is(type=text,type=search):focus,.search-form .form-group input.for-mobile{background-color:var(--search-form-focus-bg, #fff);color:var(--search-form-text-focus-color, #555)}.open>.dropdown-menu{max-height:calc(100vh - 130px)!important;min-width:100%}.dropdown-menu{background-color:var(--dropdown-menu-bg, #fff)}.page-menu ul>li>div,.dropdown-menu>li>a{color:var(--dropdown-menu-item-color, #333)}.dropdown-menu>li>a:active,data-hover-visible .dropdown-menu>li>a:hover,data-focus-visible .dropdown-menu>li>a:focus{color:var(--dropdown-menu-item-hover-color, hsl(0 0% 15%));background-color:var(--dropdown-menu-item-hover-bg, #333)}.dropdown-menu .divider{background-color:var(--dropdown-menu-divider, #f5f5f5)}.footer:has(.status-bar .page-error){position:fixed;top:0!important}.status-bar{background:transparent;& *{min-height:2em!important;font-size:13.5px!important}>div{padding:5px 1em 15px 0;align-items:top;vertical-align:baseline;font-weight:500!important}}.status-bar:has(.page-title){>div{background-color:var(--statusbar-page-title-bg, white)!important}}.status-bar>div.page-title{max-width:60vh;text-overflow:ellipsis ellipsis;background-color:var(--statusbar-page-title-bg);color:var(--statusbar-page-title-color)}.status-bar:has(.page-list-status){>div{background-color:var(--statusbar-page-list-status-bg, white)!important}}.status-bar>div.page-list-status{color:#fff}.status-bar:has(.error){>div.error{background-color:var(--statusbar-error-bg, crimson)!important;color:var(--statusbar-error-label-color, white)!important}}.table-block .table-block-start,.line span.code-block .code-block-start{background-color:var(--block-start-bg, #ffcfc6);font-family:var(--block-start-font-family),monospace,var(--icons, "AppIcons"),var(--fallback);font-weight:var(--block-start-font-weight);& a{color:var(--block-start-text-color, #342d9c);text-decoration:var(--block-start-text-decoration, underline)}}.table-block .table-block-start{background-color:var(--block-start-bg, #ffcfc6);padding:.2em .334em;font-family:var(--block-start-font-family),monospace,var(--fallback),var(--icons, "AppIcons");font-weight:var(--block-start-font-weight);& a{color:var(--table-block-start-text-color, #342d9c);text-decoration:var(--table-block-start-text-decoration, underline)}}.line span.code-block .code-block-start{display:inline-block!important;box-shadow:var(--onpage-box-shadow, none);border-left:2px solid var(--c-blue-4, midnightblue)!important;background:var(--code-block-start-bg, hsl(0 0 15%))!important;color:#fdfdfc!important;padding:.2em .334em;font-family:var(--block-start-font-family),monospace,var(--fallback),var(--icons, "AppIcons");font-weight:var(--block-start-font-weight);& a{color:var(--code-block-start-text-color, #342d9c);text-decoration:none}}code,kbd,pre,samp,.code,:where(.page) .line>.text.code-block{font-family:var(--code),var(--monospace, monospace),var(--smaller-ja, "IBM Plex Sans JP"),var(--sans-serif-ja),monospace,var(--icons, "AppIcons"),var(--fallback);font-feature-settings:var(--code-font-feature-settings)}:where(.page) .line:has(>.text.code-block){line-height:var(--code-block-line-height, 1.375)}:where(.page) .line>.text.code-block{font-size:var(--code-block-font-size, .9em);font-feature-settings:var(--code-font-feature-settings)}.page{--page-max-font-size: 15px;--page-min-font-size: 13.75px;--page-font-size: clamp(var(--page-min-font-size, 14px), (767cqw / 15 / 29), var(--page-max-font-size, 15px));--page-line-height: calc(28 / 15);--page-min-line-height: 1.75;--telomere-width: 5px;--page-width: calc(100% + var(--page-padding-left, 42px) + var(--page-padding-right, var(--page-padding-left, 42px)));--calculated-paragraph-line-height: calc(var(--page-font-size, 15px) * var(--page-line-height));--page-padding-top: calc(var(--page-layout-unit, 7px) * 6);--page-padding-right: var(--page-padding-left, 49px);--page-padding-bottom: calc(var(--page-layout-unit, 7px) * 6);--page-padding-left: calc(var(--page-layout-unit, 7px) * 7)}@container page (max-width: 767px){.page{--page-padding-top: calc(var(--page-layout-unit, 7px) * 4);--page-padding-right: calc(var(--page-layout-unit, 7px) * 3);--page-padding-bottom: calc(var(--page-layout-unit, 7px) * 6);--page-padding-left: calc(var(--page-layout-unit, 7px) * 3)}}body{--cell-text-wrap-width: 30em}html{--indent-width: 1.5em}html{--sans-serif-latin: -apple-system, BlinkMacSystemFont, "Google Sans", "Roboto Flex", "Roboto", Helvetica, "Arial", "Arimo", "Noto Sans", "Inter Variable", "Inter";--sans-serif-ja: "Roboto + Noto Sans JP", "Arimo + Noto Sans JP", "Noto Sans JP", "IBM Plex Sans JP", "Kosugi Maru";--serif-latin: "Zilla Slab", "Source Serif Pro", "Source Serif 4", "Lora", "Crete Round", "Spectral", "Tinos";--serif-ja: "UD Digi Kyokasho NK", "UD Digi Kyokasho NP", "BIZ UD\660e\671d", "BIZ UDMincho", "Noto Serif JP", "IPAexMincho", "IPAex\660e\671d";--italic-latin: "Zilla Slab", "Lora", "Literata";--italic-ja: var(--sans-serif-ja);--italic-font-feature-settings: none;--italic-font-weight: 500;--paragraph-ja: "UD Digi Kyokasho NK", -apple-system, BlinkMacSystemFont, "Yu Gothic", "Arimo + Noto Sans JP", "Roboto + Noto Sans JP", "Noto Sans JP";--fallback: -apple-system, BlinkMacSystemFont, "Arimo", "Segoe UI Variable Display", "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", "Inter Variable", "Inter", "Roboto Flex", "Roboto", "Oxygen", "Adwaita Sans", "Cantarell", Helvetica, "Open Sans", "Ubuntu Medium", "Arial", "Hiragino Kaku Gothic ProN", "\30d2\30e9\30ae\30ce\89d2\30b4 ProN W3", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Droid Sans Fallback", "Last Resort";--narrow-latin: "Roboto Flex", "Roboto", Helvetica, "Arial", "Arimo", "Roboto Condensed", "Aptos Narrow", "Segoe Condensed", var(--sans-serif-latin);--narrow-ja: var(--sans-serif-ja);--narrow-font-stretch: semi-condensed;--code-block-font-size: .9em}body{font-family:var(--sans-serif-latin),var(--sans-serif-ja),-apple-system,BlinkMacSystemFont,ui-sans-serif,sans-serif,var(--icons, "AppIcons"),var(--fallback)}@font-face{font-family:Yu Gothic;src:local("Yu Gothic Medium"),local("Yu Gothic")}html{--cell-font-size: max(13.5px, .96em)}@keyframes line-permalink{0%{background-color:var(--line-permalink-activated-init-bg, hsl(from var(--line-permalink-color, rgb(234 218 74)) h s l / 100%))}to{background-color:var(--line-permalink-color, rgb(234 218 74 / .75))}}html{--icons: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Brands", "Font Awesome 5 Brands", "AppIcons"}:root{--c-red-1: hsl(356 79% 60%);--c-red-2: hsl(356 72% 54%);--c-red-3: hsl(356 69% 49%);--c-nr-sango-400: hsl(356 98% 45%);--c-nr-sango-375: hsl(355 100% 42%);--c-red-4: hsl(356 80% 43%);--c-red-5: hsl(355 81% 37%);--c-orange-1: hsl(15 82% 71%);--c-orange-2: hsl(15 82% 66%);--c-orange-3: hsl(15 82% 62%);--c-orange-4: hsl(16 82% 57%);--c-orange-5: hsl(16 82% 52%);--c-yellow-1: hsl(36 95% 76%);--c-yellow-2: hsl(36 95% 70%);--c-yellow-3: hsl(36 96% 64%);--c-yellow-4: hsl(36 95% 58%);--c-yellow-5: hsl(36 95% 52%);--c-green-1: hsl(129 80% 64%);--c-green-2: hsl(129 61% 55%);--c-green-3: hsl(129 56% 46%);--c-green-4: hsl(129 65% 37%);--c-green-5: hsl(129 81% 29%);--c-blue-1: hsl(196 85% 71%);--c-blue-2: hsl(196 86% 61%);--c-blue-3: hsl(196 86% 52%);--c-blue-4: hsl(196 100% 33%);--c-blue-5: hsl(216 43% 35%);--c-purple-1: hsl(306 31% 44%);--c-purple-2: hsl(303 52% 30%);--c-purple-3: hsl(306 57% 30%);--c-purple-4: hsl(315 41% 26%);--c-purple-5: hsl(319 100% 9%)}html{--onpage-box-shadow: 0 0 .375rem rgba(0, 0, 0, .125), 0 0 .25rem rgba(0, 0, 0, .15);--onpage-filter-drop-shadow: drop-shadow(0 0 4px rgba(0, 0, 0, .12)) drop-shadow(0 0 6px rgba(0, 0, 0, .12)) drop-shadow(0 8px 16px rgba(0, 0, 0, .14));--page-iframe-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 0 3px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .12), 0 0 3px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .14), 0 8px 16px rgba(0, 0, 0, .14)}html{--page-image-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .12)) drop-shadow(0 0 6px rgba(0, 0, 0, .12)) drop-shadow(0 8px 16px rgba(0, 0, 0, .14));--page-image-margin: .5em .5em}body{--block-start-bg: hsl(0 0 15%);--block-start-text-color: hsL(42 35% 99%);--block-start-text-decoration: none;--block-start-font-weight: 500;--block-start-font-family: "Zilla Slab", "IBM Plex Sans JP", var(--icons, "AppIcons"), var(--fallback)}body{--code-block-start-font-family: "Zilla Slab", var(--code, var(--monospace, monospace)), "IBM Plex Sans JP", var(--icons, "AppIcons"), var(--fallback)}body{--code: "0xProto", "ZxProto", "Consolas", "Menlo", "Cascadia Code";--code-font-feature-settings: "ss01"}@media (prefers-color-scheme: light){@font-face{font-family:Atkinson Hyperlegible Next;font-style:italic;font-weight:200 800;size-adjust:107.9%;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegiblenext/v4/NaPPcYPdHfdVxJw0IfIP0lvYFqijb-UxCtm5_wdGseiMr3a-oXZ-.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:italic;font-weight:200 800;size-adjust:107.9%;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegiblenext/v4/NaPPcYPdHfdVxJw0IfIP0lvYFqijb-UxCtm5_wdGseiMr3i-oQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;size-adjust:107.9%;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegiblenext/v4/NaPNcYPdHfdVxJw0IfIP0lvYFqijb-UxCtm5_wdGseiHn3qmpQ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;size-adjust:107.9%;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegiblenext/v4/NaPNcYPdHfdVxJw0IfIP0lvYFqijb-UxCtm5_wdGseiJn3o.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@media (prefers-color-scheme: light){body{--deco-marking-pencil-color: var(--c-red-1, crimson)}}@media (prefers-color-scheme: light){htmldata-project-theme=default,htmldata-project-theme=default-dark,htmldata-project-theme=default-minimal,htmldata-project-theme=paper-light,htmldata-project-theme=paper-dark,htmldata-project-theme=paper-dark-dark,htmldata-project-theme=blue,htmldata-project-theme=purple,htmldata-project-theme=green,htmldata-project-theme=orange,htmldata-project-theme=red,htmldata-project-theme=hacker1,htmldata-project-theme=hacker2,htmldata-project-theme=summer,htmldata-project-theme=spring,htmldata-project-theme=autumn,htmldata-project-theme=tropical,htmldata-project-theme=kyoto,htmldata-project-theme=newyork,htmldata-project-theme=paris,htmldata-project-theme=mred,htmldata-project-theme=lgreen{--brand-color: oklch(from var(--navbar-bg, midnightblue) l c h / 1);--interactive-color: var(--c-red-1, crimson);--unread-color: hsl(from var(--brand-color) h 31% 44%);--cursor-color: hsl(from var(--interactive-color, crimson) h 80% 43%);--user-flag-bg: hsl(from var(--interactive-color, crimson) h 100% 25%);--user-flag-name-color: white;--text-selection-bg: hsl(from var(--interactive-color, crimson) h 79% 60%);--text-selection-bg-opacity: .4;--navbar-bg: hsl(from midnightblue h 57% 30% / 0%);--navbar-title-color: var(--brand-color, midnightblue);--project-title-font-family: "Zilla Slab", var(--narrow-latin, var(--sans-serif-latin)), var(--narrow-ja, var(--sans-serif-ja)), var(--sans-serif, sans-serif), var(--icons, "AppIcons"), var(--fallback);--navbar-icon-color: var(--navbar-title-color);--new-button-bg: hsl(from var(--search-form-bg) h s l / .5);--search-form-bg: oklch(from var(--brand-color) 56% c h / .25);--edit-mode-navbar-title-color: hsl(from var(--interactive-color) h 69% 49%);--edit-mode-search-form-bg: hsl(from var(--brand-color) h 25% 47% / .15);--search-form-text-color: hsl(from var(--brand-color) h calc(s*.8) 25% / .85);--search-form-icon-color: white;--search-form-icon-focus-color: midnightblue;--search-form-focus-box-shadow-color: oklch(from var(--brand-color, midnightblue) 56% c h);--search-form-focus-box-shadow: 0 0 4px hsl(from var(--search-form-focus-box-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--search-form-focus-box-shadow-color) h s l / .22), 0 0 6px hsl(from var(--search-form-focus-box-shadow-color) h s l / .22), 0 -3px 10px hsl(from var(--search-form-focus-box-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--search-form-focus-box-shadow-color) h s l / .24);--expandable-menu-bg: var(--page-menu-bg, var(--search-form-bg));--expandable-menu-toggle-button-color: var(--navbar-title-color);--dropdown-menu-bg: var(--page-bg);--dropdown-menu-item-color: var(--page-text-color);--dropdown-menu-item-hover-color: var(--code-color);--dropdown-menu-item-hover-bg: var(--code-bg);--dropdown-menu-divider: var(--code-bg);--statusbar-page-title-bg: hsl(from var(--brand-color) h s 44% / 65%);--statusbar-page-title-color: white;--statusbar-page-list-status-bg: oklch(from var(--brand-color) 40% c h / 85%);--statusbar-page-list-status-label-color: white;--statusbar-error-bg: hsl(from goldenrod h s l / 65%);--statusbar-error-label-color: midnightblue;--page-menu-bg: hsl(from var(--navbar-bg) h s 97% / 50%);--telomere-unread: hsl(from var(--brand-color, var(--c-purple-1, green)) h 65% 44% / 85%);--telomere-updated: hsl(from var(--interactive-color, crimson) h 100% 65% / 85%);--line-permalink-color: hsl(from var(--interactive-color) h 79% 60% / 10%);--line-permalink-activated-init-bg: hsl(355 100% 42%);--line-permalink-activated-animation-duration: .85s;--body-bg: hsl(223 15% 90%);--page-bg: hsl(223 20% 98%);--page-bg: hsl(42 20% 98%);--page-bg: hsl(from var(--brand-color) h 20% 98%);--page-bg: color-mix(in oklch, var(--brand-color) 2.5%, #fff);--page-text-color: hsl(257 15% 31%);--line-not-cursor-line-opacity: .65;--cursor-line-bg: oklch(from var(--page-bg) 100% c h);--cursor-line-margin-bg: var(--line-permalink-color);--line-title-color: var(--page-text-color);--page-link-color: #007aa6;--page-link-hover-color: var(--c-blue-5, midnightblue);--card-description-link-color: var(--page-link-color);--empty-page-link-color: #D3273B;--empty-page-link-hover-color: darkred;--hashtag-color: forestgreen;--hashtag-hover-color: darkgreen;--empty-hashtag-color: #924D8B;--empty-hashtag-hover-color: var(--c-purple-5, darkmagenta);--indent-mark-color: hsl(from var(--page-text-color) h s l / .65);--quote-bg-color: hsl(223 12% 90% / .3);--quote-text-color: hsl(from var(--page-text-color) h 20% calc(l*1.15) );--quote-border-color: oklch(from var(--quote-bg-color) 85% c h / 1);--quote-border-width: 4px;--quote-padding-start: max(3px, (var(--indent-width, 1.5em) - var(--quote-border-width, 1px) ));--quote-font-family: var(--paragraph-latin), "Yu Gothic Medium", var(--paragraph-ja), var(--fallback), var(--icons);--quote-font-feature-settings: ;--quote-font-weight: 400;--page-border: none;--page-box-shadow-color-primary: color-mix(in oklch, oklch(from var(--brand-color) 50% c h) 50%, oklch(from midnightblue l c h));--page-box-shadow-color-secondary: hsl(from var(--brand-color, midnightblue) h s l);--page-box-shadow: 0 0 .25rem hsl(from var(--page-box-shadow-color-primary) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--page-box-shadow-color-primary) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--page-box-shadow-color-primary) h s l / .028), 12.5px 12.5px 10px hsl(from var(--page-box-shadow-color-secondary) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--page-box-shadow-color-secondary) h s l / .042), 41.8px 41.8px 33.4px hsl(from var(--page-box-shadow-color-secondary) h s l / .05), 100px 50px 80px hsl(from var(--page-box-shadow-color-primary) h s l / .07), -2.8px 2.8px 5.3px hsl(from var(--page-box-shadow-color-primary) h s l / .01), -6.7px 6.7px 5.3px hsl(from var(--page-box-shadow-color-secondary) h s l / .028), -12.5px 12.5px 10px hsl(from var(--page-box-shadow-color-secondary) h s l / .035), -22.3px 22.3px 17.9px hsl(from var(--page-box-shadow-color-secondary) h s l / .042), -41.8px 41.8px 33.4px hsl(from var(--page-box-shadow-color-secondary) h s l / .05), -100px 50px 80px hsl(from var(--page-box-shadow-color-primary) h s l / .07);--code-block-start-bg: hsl(0 0 15%);--code-block-start-text-color: hsL(42 35% 99%);--code-helpfeel-bg: hsl(from var(--c-red-5) h s l / .85);--code-helpfeel-prefix-color: hsl(0 100% 100% / .7);--code-helpfeel-entry-color: hsl(0 100% 100%);--card-bg: color-mix(in oklab, var(--page-bg) 80%, var(--body-bg));--card-focused-bg: color-mix(in hsl, var(--page-bg) 95%, var(--body-bg));--card-hover-bg: transparent;--card-title-bg: transparent;--card-title-color: hsl(from var(--page-text-color) h 2% 27%);--card-title-hover-color: var(--page-text-color);--card-icon-filter: opacity(.85);--card-icon-focused-filter: opacity(1);--card-backside: var(--brand-color, #aaa);--card-pin-overhang-color: transparent;--card-unread-border: 4px solid var(--telomere-unread, transparent);--card-unread-border-default: 2px solid transparent;--card-border: 2px solid var(--page-menu-bg, transparent);--card-hover-border: 2px solid hsl(from var(--page-box-shadow-color-primary, transparent) h s l / .4);--card-box-shadow-color: var(--page-box-shadow-color-primary);--card-box-shadow-color: hsl(from var(--page-bg) h 20% 2.5%);--card-box-shadow-color: oklch(from var(--page-bg) 15% 20% h);--card-box-shadow: -4px -6.7px 5.3px hsl(from var(--card-box-shadow-color) h s l / .04), 4px 6.7px 5.3px hsl(from var(--card-box-shadow-color) h s l / .04), -12.5px 12.5px 10px hsl(from var(--card-box-shadow-color) h s l / .035), 12.5px 12.5px 10px hsl(from var(--card-box-shadow-color) h s l / .035), -12.3px 22.3px 17.9px hsl(from var(--card-box-shadow-color) h s l / .051), 12.3px 22.3px 17.9px hsl(from var(--card-box-shadow-color) h s l / .051);--card-box-hover-shadow-init-color: var(--page-box-shadow-color-primary);--card-box-hover-shadow-init: 0 0 6px hsl(from var(--card-box-shadow-init-color) h s l / .22), 0 0 .25em hsl(from var(--card-box-shadow-init-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--card-box-shadow-init-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--card-box-shadow-init-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--card-box-shadow-init-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--card-box-shadow-init-color) h s l / .042), 41.8px 41.8px 33.4px hsl(from var(--card-box-shadow-init-color) h s l / .05);--card-box-hover-shadow-color: var(--page-box-shadow-color-primary);--card-box-hover-shadow: 0 0 4px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--card-box-hover-shadow-color) h s l / .24), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 .25em hsl(from var(--card-box-hover-shadow-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--card-box-hover-shadow-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--card-box-hover-shadow-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--card-box-hover-shadow-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--card-box-hover-shadow-color) h s l / .04);--card-box-hover-shadow-color: var(--page-box-shadow-color-secondary);--card-box-hover-shadow: 0 0 4px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--card-box-hover-shadow-color) h s l / .24), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 .25em hsl(from var(--card-box-hover-shadow-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--card-box-hover-shadow-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--card-box-hover-shadow-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--card-box-hover-shadow-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--card-box-hover-shadow-color) h s l / .042);--card-icon-hover-animation-duration: .15s;--relation-label-links-bg: hsl(from var(--navbar-bg) h s 100% / 100%);--relation-label-links-text: var(--page-link-color, #5e8af7);--relation-label-bg: white;--relation-label-hover-bg: white;--relation-label-text: var(--hashtag-color);--relation-label-hover-text: var(--hashtag-color);--relation-label-border: 2px solid transparent;--relation-label-hover-border: 2px solid hsl(from var(--hashtag-color, transparent) h s 55%);--relation-label-box-shadow: none;--relation-label-box-hover-shadow-color: var(--hashtag-color);--relation-label-box-hover-shadow: 0 0 4px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 0 6px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .24), 0 0 6px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 0 .25em hsl(from var(--relation-label-box-hover-shadow-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .042);--relation-label-2hop-hover-animation-duration: .2s;--relation-label-empty-text: var(--empty-page-link-color, #fd7373);--relation-label-empty-bg: white;--empty-card-opacity: .75;--stream-section-label-bg: var(--brand-color, purple);--stream-section-label-text-color: white;--line-title-font-weight: 550;--line-title-latin: "Zilla Slab", "EB Garamond", "Source Sans Pro", "Roboto Serif", -apple-system, "Segoe UI Variable Display", "Atkinson Hyperlegible Next", "Roboto Flex", "Roboto", "Helvetica", "Arimo"}body{background-color:oklch(from var(--body-bg) 90% c h)}htmldata-project-theme=default-minimal{--search-form-bg: hsl(252 2% 47% / 32.5%);&:has(:where(>body>#app-container>.app>.container>.page-column>.col-page>.page-wrapper>div.drag-and-drop-enter>main.page>.editor#editor>.pointer-event>.lines>.line).cursor-line){--search-form-bg: hsl(252 2% 47% / 12.5%)}}htmldata-project-theme=blue{--navbar-bg: hsl(from var(--c-blue-4) h s l / 0)}htmldata-project-theme=purple{--navbar-bg: oklch(45% 60% -35 / 0)}htmldata-project-theme=green{--navbar-bg: hsl(from forestgreen h s l / 0)}htmldata-project-theme=orange{--navbar-bg: hsl(43 71 50 / 0)}htmldata-project-theme=red{--navbar-bg: hsl(from crimson h s l / 0)}html{--paragraph-latin: "Atkinson Hyperlegible Next", "Inter Variable", "Inter", "Roboto Flex", "Roboto", "Helvetica", "Arimo", "Arial";--inline-quote-border-width: 2.5px}@font-face{font-family:UD Digi Kyokasho NK;font-weight:400 550;size-adjust:106.66%;src:local("UD Digi Kyokasho NK-R"),local("UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK-R")}@font-face{font-family:UD Digi Kyokasho NK;font-weight:700;size-adjust:106.66%;src:local("UD Digi Kyokasho NK-B"),local("UD Digi Kyokasho NK-B Bold"),local("UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK-B")}@font-face{font-family:UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK;font-weight:400 550;size-adjust:106.66%;src:local("UD Digi Kyokasho NK-R"),local("UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK-R")}@font-face{font-family:UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK;font-weight:700;size-adjust:106.66%;src:local("UD Digi Kyokasho NK-B"),local("UD Digi Kyokasho NK-B Bold"),local("UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK-B")}}@media (prefers-color-scheme: dark){@font-face{font-family:Atkinson Hyperlegible Next;font-style:italic;font-weight:200 800;size-adjust:107.9%;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegiblenext/v4/NaPPcYPdHfdVxJw0IfIP0lvYFqijb-UxCtm5_wdGseiMr3a-oXZ-.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:italic;font-weight:200 800;size-adjust:107.9%;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegiblenext/v4/NaPPcYPdHfdVxJw0IfIP0lvYFqijb-UxCtm5_wdGseiMr3i-oQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;size-adjust:107.9%;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegiblenext/v4/NaPNcYPdHfdVxJw0IfIP0lvYFqijb-UxCtm5_wdGseiHn3qmpQ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;size-adjust:107.9%;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegiblenext/v4/NaPNcYPdHfdVxJw0IfIP0lvYFqijb-UxCtm5_wdGseiJn3o.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@media (prefers-color-scheme: dark){body{--deco-marking-pencil-color: var(--c-red-1, crimson)}}@media (prefers-color-scheme: dark){htmldata-project-theme=default,htmldata-project-theme=default-dark,htmldata-project-theme=default-minimal,htmldata-project-theme=paper-light,htmldata-project-theme=paper-dark,htmldata-project-theme=paper-dark-dark,htmldata-project-theme=blue,htmldata-project-theme=purple,htmldata-project-theme=green,htmldata-project-theme=orange,htmldata-project-theme=red,htmldata-project-theme=hacker1,htmldata-project-theme=hacker2,htmldata-project-theme=summer,htmldata-project-theme=spring,htmldata-project-theme=autumn,htmldata-project-theme=tropical,htmldata-project-theme=kyoto,htmldata-project-theme=newyork,htmldata-project-theme=paris,htmldata-project-theme=mred,htmldata-project-theme=lgreen{--brand-color: oklch(from var(--navbar-bg, midnightblue) l c h / 1);--interactive-color: var(--c-red-1, crimson);--unread-color: hsl(from var(--brand-color) h 31% 44%);--cursor-color: hsl(from var(--interactive-color, crimson) h 80% 43%);--user-flag-bg: hsl(from var(--interactive-color, crimson) h 100% 25%);--user-flag-name-color: white;--text-selection-bg: hsl(from var(--interactive-color, crimson) h 79% 60%);--text-selection-bg-opacity: .4;--navbar-bg: hsl(from midnightblue h 57% 30% / 0%);--navbar-title-color: var(--brand-color, midnightblue);--project-title-font-family: "Zilla Slab", var(--narrow-latin, var(--sans-serif-latin)), var(--narrow-ja, var(--sans-serif-ja)), var(--sans-serif, sans-serif), var(--icons, "AppIcons"), var(--fallback);--navbar-icon-color: var(--navbar-title-color);--new-button-bg: hsl(from var(--search-form-bg) h s l / .5);--search-form-bg: oklch(from var(--brand-color) 56% c h / .25);--edit-mode-navbar-title-color: hsl(from var(--interactive-color) h 69% 49%);--edit-mode-search-form-bg: hsl(from var(--brand-color) h 25% 47% / .15);--search-form-text-color: hsl(from var(--brand-color) h calc(s*.8) 25% / .85);--search-form-icon-color: white;--search-form-icon-focus-color: midnightblue;--search-form-focus-box-shadow-color: oklch(from var(--brand-color, midnightblue) 56% c h);--search-form-focus-box-shadow: 0 0 4px hsl(from var(--search-form-focus-box-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--search-form-focus-box-shadow-color) h s l / .22), 0 0 6px hsl(from var(--search-form-focus-box-shadow-color) h s l / .22), 0 -3px 10px hsl(from var(--search-form-focus-box-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--search-form-focus-box-shadow-color) h s l / .24);--expandable-menu-bg: var(--page-menu-bg, var(--search-form-bg));--expandable-menu-toggle-button-color: var(--navbar-title-color);--dropdown-menu-bg: var(--page-bg);--dropdown-menu-item-color: var(--page-text-color);--dropdown-menu-item-hover-color: var(--code-color);--dropdown-menu-item-hover-bg: var(--code-bg);--dropdown-menu-divider: var(--code-bg);--statusbar-page-title-bg: hsl(from var(--brand-color) h s 44% / 65%);--statusbar-page-title-color: white;--statusbar-page-list-status-bg: oklch(from var(--brand-color) 40% c h / 85%);--statusbar-page-list-status-label-color: white;--statusbar-error-bg: hsl(from goldenrod h s l / 65%);--statusbar-error-label-color: midnightblue;--page-menu-bg: hsl(from var(--navbar-bg) h s 97% / 50%);--telomere-unread: hsl(from var(--brand-color, var(--c-purple-1, green)) h 65% 44% / 85%);--telomere-updated: hsl(from var(--interactive-color, crimson) h 100% 65% / 85%);--line-permalink-color: hsl(from var(--interactive-color) h 79% 60% / 10%);--line-permalink-activated-init-bg: hsl(355 100% 42%);--line-permalink-activated-animation-duration: .85s;--body-bg: hsl(223 15% 90%);--page-bg: hsl(223 20% 98%);--page-bg: hsl(42 20% 98%);--page-bg: hsl(from var(--brand-color) h 20% 98%);--page-bg: color-mix(in oklch, var(--brand-color) 2.5%, #fff);--page-text-color: hsl(257 15% 31%);--line-not-cursor-line-opacity: .65;--cursor-line-bg: oklch(from var(--page-bg) 100% c h);--cursor-line-margin-bg: var(--line-permalink-color);--line-title-color: var(--page-text-color);--page-link-color: #007aa6;--page-link-hover-color: var(--c-blue-5, midnightblue);--card-description-link-color: var(--page-link-color);--empty-page-link-color: #D3273B;--empty-page-link-hover-color: darkred;--hashtag-color: forestgreen;--hashtag-hover-color: darkgreen;--empty-hashtag-color: #924D8B;--empty-hashtag-hover-color: var(--c-purple-5, darkmagenta);--indent-mark-color: hsl(from var(--page-text-color) h s l / .65);--quote-bg-color: hsl(223 12% 90% / .3);--quote-text-color: hsl(from var(--page-text-color) h 20% calc(l*1.15) );--quote-border-color: oklch(from var(--quote-bg-color) 85% c h / 1);--quote-border-width: 4px;--quote-padding-start: max(3px, (var(--indent-width, 1.5em) - var(--quote-border-width, 1px) ));--quote-font-family: var(--paragraph-latin), "Yu Gothic Medium", var(--paragraph-ja), var(--fallback), var(--icons);--quote-font-feature-settings: ;--quote-font-weight: 400;--page-border: none;--page-box-shadow-color-primary: color-mix(in oklch, oklch(from var(--brand-color) 50% c h) 50%, oklch(from midnightblue l c h));--page-box-shadow-color-secondary: hsl(from var(--brand-color, midnightblue) h s l);--page-box-shadow: 0 0 .25rem hsl(from var(--page-box-shadow-color-primary) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--page-box-shadow-color-primary) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--page-box-shadow-color-primary) h s l / .028), 12.5px 12.5px 10px hsl(from var(--page-box-shadow-color-secondary) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--page-box-shadow-color-secondary) h s l / .042), 41.8px 41.8px 33.4px hsl(from var(--page-box-shadow-color-secondary) h s l / .05), 100px 50px 80px hsl(from var(--page-box-shadow-color-primary) h s l / .07), -2.8px 2.8px 5.3px hsl(from var(--page-box-shadow-color-primary) h s l / .01), -6.7px 6.7px 5.3px hsl(from var(--page-box-shadow-color-secondary) h s l / .028), -12.5px 12.5px 10px hsl(from var(--page-box-shadow-color-secondary) h s l / .035), -22.3px 22.3px 17.9px hsl(from var(--page-box-shadow-color-secondary) h s l / .042), -41.8px 41.8px 33.4px hsl(from var(--page-box-shadow-color-secondary) h s l / .05), -100px 50px 80px hsl(from var(--page-box-shadow-color-primary) h s l / .07);--code-block-start-bg: hsl(0 0 15%);--code-block-start-text-color: hsL(42 35% 99%);--code-helpfeel-bg: hsl(from var(--c-red-5) h s l / .85);--code-helpfeel-prefix-color: hsl(0 100% 100% / .7);--code-helpfeel-entry-color: hsl(0 100% 100%);--card-bg: color-mix(in oklab, var(--page-bg) 80%, var(--body-bg));--card-focused-bg: color-mix(in hsl, var(--page-bg) 95%, var(--body-bg));--card-hover-bg: transparent;--card-title-bg: transparent;--card-title-color: hsl(from var(--page-text-color) h 2% 27%);--card-title-hover-color: var(--page-text-color);--card-icon-filter: opacity(.85);--card-icon-focused-filter: opacity(1);--card-backside: var(--brand-color, #aaa);--card-pin-overhang-color: transparent;--card-unread-border: 4px solid var(--telomere-unread, transparent);--card-unread-border-default: 2px solid transparent;--card-border: 2px solid var(--page-menu-bg, transparent);--card-hover-border: 2px solid hsl(from var(--page-box-shadow-color-primary, transparent) h s l / .4);--card-box-shadow-color: var(--page-box-shadow-color-primary);--card-box-shadow-color: hsl(from var(--page-bg) h 20% 2.5%);--card-box-shadow-color: oklch(from var(--page-bg) 15% 20% h);--card-box-shadow: -4px -6.7px 5.3px hsl(from var(--card-box-shadow-color) h s l / .04), 4px 6.7px 5.3px hsl(from var(--card-box-shadow-color) h s l / .04), -12.5px 12.5px 10px hsl(from var(--card-box-shadow-color) h s l / .035), 12.5px 12.5px 10px hsl(from var(--card-box-shadow-color) h s l / .035), -12.3px 22.3px 17.9px hsl(from var(--card-box-shadow-color) h s l / .051), 12.3px 22.3px 17.9px hsl(from var(--card-box-shadow-color) h s l / .051);--card-box-hover-shadow-init-color: var(--page-box-shadow-color-primary);--card-box-hover-shadow-init: 0 0 6px hsl(from var(--card-box-shadow-init-color) h s l / .22), 0 0 .25em hsl(from var(--card-box-shadow-init-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--card-box-shadow-init-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--card-box-shadow-init-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--card-box-shadow-init-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--card-box-shadow-init-color) h s l / .042), 41.8px 41.8px 33.4px hsl(from var(--card-box-shadow-init-color) h s l / .05);--card-box-hover-shadow-color: var(--page-box-shadow-color-primary);--card-box-hover-shadow: 0 0 4px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--card-box-hover-shadow-color) h s l / .24), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 .25em hsl(from var(--card-box-hover-shadow-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--card-box-hover-shadow-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--card-box-hover-shadow-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--card-box-hover-shadow-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--card-box-hover-shadow-color) h s l / .04);--card-box-hover-shadow-color: var(--page-box-shadow-color-secondary);--card-box-hover-shadow: 0 0 4px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--card-box-hover-shadow-color) h s l / .24), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 .25em hsl(from var(--card-box-hover-shadow-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--card-box-hover-shadow-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--card-box-hover-shadow-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--card-box-hover-shadow-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--card-box-hover-shadow-color) h s l / .042);--card-icon-hover-animation-duration: .15s;--relation-label-links-bg: hsl(from var(--navbar-bg) h s 100% / 100%);--relation-label-links-text: var(--page-link-color, #5e8af7);--relation-label-bg: white;--relation-label-hover-bg: white;--relation-label-text: var(--hashtag-color);--relation-label-hover-text: var(--hashtag-color);--relation-label-border: 2px solid transparent;--relation-label-hover-border: 2px solid hsl(from var(--hashtag-color, transparent) h s 55%);--relation-label-box-shadow: none;--relation-label-box-hover-shadow-color: var(--hashtag-color);--relation-label-box-hover-shadow: 0 0 4px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 0 6px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .24), 0 0 6px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 0 .25em hsl(from var(--relation-label-box-hover-shadow-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .042);--relation-label-2hop-hover-animation-duration: .2s;--relation-label-empty-text: var(--empty-page-link-color, #fd7373);--relation-label-empty-bg: white;--empty-card-opacity: .75;--stream-section-label-bg: var(--brand-color, purple);--stream-section-label-text-color: white;--line-title-font-weight: 550;--line-title-latin: "Zilla Slab", "EB Garamond", "Source Sans Pro", "Roboto Serif", -apple-system, "Segoe UI Variable Display", "Atkinson Hyperlegible Next", "Roboto Flex", "Roboto", "Helvetica", "Arimo"}body{background-color:oklch(from var(--body-bg) 90% c h)}htmldata-project-theme=default-minimal{--search-form-bg: hsl(252 2% 47% / 32.5%);&:has(:where(>body>#app-container>.app>.container>.page-column>.col-page>.page-wrapper>div.drag-and-drop-enter>main.page>.editor#editor>.pointer-event>.lines>.line).cursor-line){--search-form-bg: hsl(252 2% 47% / 12.5%)}}htmldata-project-theme=blue{--navbar-bg: hsl(from var(--c-blue-4) h s l / 0)}htmldata-project-theme=purple{--navbar-bg: oklch(45% 60% -35 / 0)}htmldata-project-theme=green{--navbar-bg: hsl(from forestgreen h s l / 0)}htmldata-project-theme=orange{--navbar-bg: hsl(43 71 50 / 0)}htmldata-project-theme=red{--navbar-bg: hsl(from crimson h s l / 0)}html{--paragraph-latin: "Atkinson Hyperlegible Next", "Inter Variable", "Inter", "Roboto Flex", "Roboto", "Helvetica", "Arimo", "Arial";--inline-quote-border-width: 2.5px}@font-face{font-family:UD Digi Kyokasho NK;font-weight:400 550;size-adjust:106.66%;src:local("UD Digi Kyokasho NK-R"),local("UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK-R")}@font-face{font-family:UD Digi Kyokasho NK;font-weight:700;size-adjust:106.66%;src:local("UD Digi Kyokasho NK-B"),local("UD Digi Kyokasho NK-B Bold"),local("UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK-B")}@font-face{font-family:UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK;font-weight:400 550;size-adjust:106.66%;src:local("UD Digi Kyokasho NK-R"),local("UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK-R")}@font-face{font-family:UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK;font-weight:700;size-adjust:106.66%;src:local("UD Digi Kyokasho NK-B"),local("UD Digi Kyokasho NK-B Bold"),local("UD \30c7\30b8\30bf\30eb \6559\79d1\66f8\4f53 NK-B")}}@media (prefers-color-scheme: dark){htmldata-project-theme=default,htmldata-project-theme=default-dark,htmldata-project-theme=default-minimal,htmldata-project-theme=blue,htmldata-project-theme=purple,htmldata-project-theme=green,htmldata-project-theme=orange,htmldata-project-theme=red,htmldata-project-theme=spring,htmldata-project-theme=summer,htmldata-project-theme=autumn,htmldata-project-theme=winter,htmldata-project-theme=tropical,htmldata-project-theme=kyoto,htmldata-project-theme=paris,htmldata-project-theme=mred{--body-bg: #202228;--brand-icon-y-first-stop-opacity: .3;--brand-icon-y-last-stop-opacity: .6;--brand-icon-x-first-stop-opacity: .2;--brand-icon-x-last-stop-opacity: .3;--navbar-bg: rgba(55, 59, 68, .5);--navbar-title-color: #fff;--navbar-icon-color: #fff;--navbar-icon-active-color: #338c46;--navbar-icon-hovered-color: #338c46;--search-form-bg: rgba(255, 255, 255, .13);--search-form-icon-color: #fff;--search-form-icon-focus-color: #4a4a4a;--2hop-search-bg: rgba(255, 255, 255, .15);--card-title-color: #f0f0f0;--card-title-bg: #2b2e38;--card-bg: #373b44;--card-hover-bg: rgba(0, 0, 0, .1);--card-active-bg: rgba(229, 229, 229, .1);--card-backside: #545860;--card-description-color: #c4c4c4;--card-description-link-color: #80c9fe;--card-description-code-color: #ccc;--card-box-shadow-color: #000;--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23);--card-title-bg-pinned: #2b2e38;--relation-label-bg: #2b2e38;--relation-label-text: #dddede;--relation-label-links-bg: #80c9fe;--relation-label-links-text: #202228;--relation-label-empty-bg: #fb7476;--relation-label-empty-text: #fff;--tool-color: #535863;--tool-light-color: #353b48;--tool-badge-bg: #2b2e38;--tool-bg: #2b2e38;--tool-text-color: #dddede;--new-button-vertical-color: #fff;--new-button-horizontal-color: #fff;--new-button-bg: hsl(227 51% 56% / 1);--new-button-hover-bg: hsl(227 51% 50% / 1);--new-button-active-bg: hsl(227 51% 45% / 1)}htmldata-project-theme=default,htmldata-project-theme=default-dark,htmldata-project-theme=default-minimal,htmldata-project-theme=blue,htmldata-project-theme=purple,htmldata-project-theme=green,htmldata-project-theme=orange,htmldata-project-theme=red,htmldata-project-theme=hacker1,htmldata-project-theme=spring,htmldata-project-theme=summer,htmldata-project-theme=autumn,htmldata-project-theme=winter,htmldata-project-theme=tropical,htmldata-project-theme=kyoto,htmldata-project-theme=paris,htmldata-project-theme=mred{--telomere-border: #545863;--page-text-color: rgba(255, 255, 255, .87);--page-link-color: #80c9fe;--page-link-hover-color: #6a9ec6;--page-link-color-cursor-line: #a985e4;--page-bg: #373b44;--empty-page-link-color: #fb7476;--empty-page-link-hover-color: #b47576;--line-title-color: rgba(255, 255, 255, .87);--line-permalink-color: rgba(234, 218, 74, .35);--code-color: #ccc;--code-bg: rgba(0, 0, 0, .18);--quote-bg-color: rgba(0, 0, 0, .2);--page-image-loading-border-color: #555;--cursor-color: #fff;--hashtag-color: lime;--hashtag-hover-color: olive;--empty-hashtag-color: magenta;--empty-hashtag-hover-color: deeppink;& code.highlight{color:#ccc}& code.highlight .hljs{display:block;overflow-x:auto;padding:.5em;background:#fdf6e3;color:#657b83}& code.highlight .hljs-comment,code.highlight .hljs-quote{color:#93a1a1}& code.highlight .hljs-keyword,code.highlight .hljs-selector-tag,code.highlight .hljs-addition{color:#859900}& code.highlight .hljs-number,code.highlight .hljs-string,code.highlight .hljs-meta .hljs-meta-string,code.highlight .hljs-literal,code.highlight .hljs-doctag,code.highlight .hljs-regexp{color:#2aa198}& code.highlight .hljs-title,code.highlight .hljs-section,code.highlight .hljs-name,code.highlight .hljs-selector-id,code.highlight .hljs-selector-class{color:#268bd2}& code.highlight .hljs-attribute,code.highlight .hljs-attr,code.highlight .hljs-variable,code.highlight .hljs-template-variable,code.highlight .hljs-class .hljs-title,code.highlight .hljs-type{color:#b58900}& code.highlight .hljs-symbol,code.highlight .hljs-bullet,code.highlight .hljs-subst,code.highlight .hljs-meta,code.highlight .hljs-meta .hljs-keyword,code.highlight .hljs-selector-attr,code.highlight .hljs-selector-pseudo,code.highlight .hljs-link{color:#cb4b16}& code.highlight .hljs-built_in,code.highlight .hljs-deletion{color:#dc322f}& code.highlight .hljs-strong{font-weight:700}}htmldata-project-theme=paper-light,htmldata-project-theme=newyork,htmldata-project-theme=lgreen{--body-bg: #192f3d;--2hop-search-bg: rgba(255, 255, 255, .15);--card-title-color: rgba(255, 255, 255, .9);--card-title-bg: #294252;--card-bg: #395666;--card-hover-bg: rgba(0, 0, 0, .1);--card-active-bg: rgba(193, 203, 213, .1);--card-backside: #5c96b6;--card-description-color: rgba(255, 255, 255, .9);--card-description-link-color: #6bb8ed;--card-description-code-color: #ccc;--card-box-shadow-color: rgba(0, 0, 0, .2);--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);--card-box-hover-shadow: 0 2px 0 var(--card-box-shadow-color);--card-title-bg-pinned: #294252;--relation-label-bg: #294252;--relation-label-text: #fff;--relation-label-links-bg: #5c96b6;--relation-label-links-text: #fff;--relation-label-empty-bg: #fb7476;--relation-label-empty-text: #fff;--tool-color: #578eac;--tool-light-color: #294252;--tool-badge-bg: #294252;--tool-bg: #294252;--tool-text-color: rgba(255, 255, 255, .87)}htmldata-project-theme=paper-light,htmldata-project-theme=paper-dark,htmldata-project-theme=hacker2,htmldata-project-theme=newyork,htmldata-project-theme=lgreen{--brand-icon-y-first-stop-opacity: .75;--brand-icon-x-first-stop-opacity: .4;--navbar-bg: hsl(203deg 38% 22% / 80%);--navbar-icon-color: #5c96b6;--navbar-icon-active-color: #5c96b6;--navbar-icon-hovered-color: #8bc7e8;--search-form-bg: #395666;--search-form-icon-color: #fff;--search-form-icon-focus-color: #444;--new-button-vertical-color: #fff;--new-button-horizontal-color: #fff;--new-button-bg: #192f3d;--new-button-hover-bg: #466a7d;--new-button-active-bg: #395666;--telomere-border: #4a6e83;--telomere-unread: #86a8bb;--telomere-updated: #6bb8ed;--page-text-color: rgba(255, 255, 255, .95);--page-link-color: #68b3e5;--page-link-hover-color: #5c96b6;--page-link-color-cursor-line: #ae8de4;--page-bg: #395666;--empty-page-link-color: #fb7476;--empty-page-link-hover-color: #cf554d;--line-title-color: rgba(255, 255, 255, .95);--line-permalink-color: rgba(234, 218, 74, .35);--code-color: #ccc;--code-bg: rgba(0, 0, 0, .18);--page-image-loading-border-color: #888;--quote-bg-color: rgba(0, 0, 0, .2);--cursor-color: #fff;--hashtag-color: lime;--hashtag-hover-color: olive;--empty-hashtag-color: magenta;--empty-hashtag-hover-color: deeppink;& code.highlight{color:#ccc}& code.highlight .hljs{display:block;overflow-x:auto;padding:.5em;background:#fdf6e3;color:#657b83}& code.highlight .hljs-comment,code.highlight .hljs-quote{color:#93a1a1}& code.highlight .hljs-keyword,code.highlight .hljs-selector-tag,code.highlight .hljs-addition{color:#859900}& code.highlight .hljs-number,code.highlight .hljs-string,code.highlight .hljs-meta .hljs-meta-string,code.highlight .hljs-literal,code.highlight .hljs-doctag,code.highlight .hljs-regexp{color:#2aa198}& code.highlight .hljs-title,code.highlight .hljs-section,code.highlight .hljs-name,code.highlight .hljs-selector-id,code.highlight .hljs-selector-class{color:#268bd2}& code.highlight .hljs-attribute,code.highlight .hljs-attr,code.highlight .hljs-variable,code.highlight .hljs-template-variable,code.highlight .hljs-class .hljs-title,code.highlight .hljs-type{color:#b58900}& code.highlight .hljs-symbol,code.highlight .hljs-bullet,code.highlight .hljs-subst,code.highlight .hljs-meta,code.highlight .hljs-meta .hljs-keyword,code.highlight .hljs-selector-attr,code.highlight .hljs-selector-pseudo,code.highlight .hljs-link{color:#cb4b16}& code.highlight .hljs-built_in,code.highlight .hljs-deletion{color:#dc322f}& code.highlight .hljs-strong{font-weight:700}}}@media (prefers-color-scheme: dark){@font-face{font-family:BIZ UDGothic;font-style:normal;font-weight:400 550;src:local("BIZ UDGothic")}@font-face{font-family:BIZ UDGothic;font-style:normal;font-weight:551 700;src:local("BIZ UDGothic Bold")}}@media (prefers-color-scheme: dark){body{--deco-marking-pencil-color: lightcoral}}@media (prefers-color-scheme: dark){html{--brand-color: hsl(from var(--navbar-bg, midnightblue) h 57% 30% / 1)}htmldata-project-theme=default,htmldata-project-theme=default-dark,htmldata-project-theme=default-minimal,htmldata-project-theme=blue,htmldata-project-theme=purple,htmldata-project-theme=green,htmldata-project-theme=orange,htmldata-project-theme=red,htmldata-project-theme=hacker1,htmldata-project-theme=hacker2,htmldata-project-theme=spring,htmldata-project-theme=summer,htmldata-project-theme=autumn,htmldata-project-theme=winter,htmldata-project-theme=tropical,htmldata-project-theme=kyoto,htmldata-project-theme=paris,htmldata-project-theme=mred,htmldata-project-theme=lgreen,htmldata-project-theme=paper-light,htmldata-project-theme=paper-dark,htmldata-project-theme=paper-dark-dark,htmldata-project-theme=newyork{--brand-color: oklch(from var(--navbar-bg, midnightblue) l c h / 1);--interactive-color: var(--c-red-1, lightcoral);--cursor-color: oklch(from var(--interactive-color, lightcoral) 100% 80% h);--user-flag-bg: hsl(from var(--interactive-color, lightsalmon) h 100% 25%);--user-flag-name-color: white;--text-selection-bg: hsl(from var(--interactive-color, lightsalmon) h 79% 60%);--text-selection-bg-opacity: .35;--navbar-bg: hsl(from midnightblue h 57% 30% / 0%);--navbar-title-color: hsl(from var(--brand-color, var(--purple-3, magenta)) h 80% 55%);--search-form-bg: hsl(from var(--brand-color) h 65% 40% / 35%);--search-form-focus-bg: var(--dropdown-menu-bg);--search-form-text-color: hsl(from var(--dropdown-menu-item-color, var(--purple-3, magenta)) h 70% 65%);--search-form-text-focus-color: var(--dropdown-menu-item-color, deepskyblue);--search-form-icon-color: hsl(from var(--brand-color, var(--purple-3, magenta)) h 60% 55%);--search-form-icon-focus-color: hsl(from var(--brand-color, var(--purple-3, magenta)) h 60% 65%);--search-form-focus-box-shadow-color: hsl(from var(--brand-color, midnightblue) h 57% 90%);--search-form-focus-box-shadow: 0 0 .5em hsl(from var(--brand-color) h s l / .44), 0 0px .5em hsl(from var(--brand-color) h s l / .44), 0 0 .5em hsl(from var(--brand-color) h s l / .44), 0 -3px .75em hsl(from var(--brand-color) h s l / .44), 0 .5em 1em hsl(from var(--brand-color) h s l / .48);--dropdown-menu-bg: hsl(from var(--brand-color) h 25% 10% / 98%);--dropdown-menu-item-hover-bg: hsl(257 23% 16%);--dropdown-menu-item-color: color-mix(in oklab, var(--page-text-color) 85%, var(--dropdown-menu-bg));--dropdown-menu-item-hover-color: var(--dropdown-menu-item-color);--page-menu-bg: hsl(from var(--brand-color) h 57% 30% / 35%);--tool-color: hsl(from var(--brand-color, magenta) h 40% 75%);--statusbar-page-title-bg: hsl(from var(--brand-color) h s l / 65%);--statusbar-page-title-color: white;--statusbar-page-list-status-bg: hsl(from var(--brand-color) h s l / 85%);--statusbar-page-list-status-label-color: white;--statusbar-error-bg: hsl(from goldenrod h s l / 65%);--statusbar-error-label-color: midnightblue;--page-border: none;--page-border-top: 4px solid hsl(from var(--page-bg) h 15% 15% / 85%);--page-bg: oklch(from var(--brand-color) 30% 2% h);--page-bg: oklch(from var(--brand-color) .3123 .0293 h);--page-bg: color-mix(in oklab, hsl(from var(--body-bg) h 20% 20% / .96) 90%, hsl(from var(--brand-color) h 30% l));--cursor-line-bg: hsl(0 0% 0% / .08);--cursor-line-text-color: var(--page-text-color);--line-not-cursor-line-opacity: .65;--page-text-color: hsl(257 20% 83% / .96);--page-text-color: hsl(257 15% 83%);--page-link-color: var(--c-blue-2, skyblue);--page-link-hover-color: var(--c-blue-1, deepskyblue);--empty-page-link-color: hsl(356 100% 75%);--empty-page-link-hover-color: hsl(356 100% 80%);--hashtag-color: var(--c-green-3, forestgreen);--hashtag-hover-color: var(--c-green-2, green);--empty-hashtag-color: violet;--empty-hashtag-hover-color: plum;--line-permalink-color: hsl(353 85% 60% / 10%);--quote-bg-color: hsl(from var(--page-bg) h 20% 10% / .35);--quote-border-color: oklch(from var(--quote-text-color) l c h / .45);--quote-border-color: hsl(from var(--page-text-color) h 30% calc(l*.875) / .45);--quote-text-color: HSL(from var(--page-text-color) h s l / .9);--code-bg: rgba(0, 0, 0, .18);--code-color: #999;--code-helpfeel-bg: hsl(from var(--c-red-5) h s l / .8);--code-helpfeel-prefix-color: hsl(0 100% 100% / .7);--code-helpfeel-entry-color: hsl(0 100% 100% / .8);--page-image-filter: brightness(.9) drop-shadow(0 0 4px rgba(0, 0, 0, .12)) drop-shadow(0 0 6px rgba(0, 0, 0, .12)) drop-shadow(0 8px 16px rgba(0, 0, 0, .14));--telomere-border: color-mix(in oklab, hsl(from var(--page-text-color) h s l / 1) 30%, var(--body-bg));--telomere-updated: hsl(from var(--interactive-color, crimson) h 100% 32.5% / 85%);--card-title-color: hsl(from var(--page-text-color) h s 80%);--card-title-color: hsl(from var(--page-text-color) h s 75%);--card-title-hover-color: hsl(from var(--page-text-color) h s 80%);--card-description-color: hsl(from var(--page-text-color) h s l / .7);--card-description-link-color: hsl(from var(--page-link-color) h s l / .7);--card-description-code-color: hsl(from var(--code-color, #333) h s l / .7);--card-bg: hsl(from var(--page-bg, #373b44) h s 20% / .55);--card-focused-bg: hsl(from var(--page-bg, #373b44) h s l / .6);--card-hover-bg: transparent;--card-border: 2px solid transparent;--card-hover-border: 2px solid var(--page-menu-bg, transparent);--card-unread-border: 4px solid var(--telomere-unread, transparent);--card-unread-border-default: 2px solid transparent;--card-icon-filter: brightness(.75);--card-icon-focused-filter: brightness(.9);--card-backside: var(--brand-color, #aaa);--card-pin-overhang-color: transparent;--card-box-shadow-color: black;--card-box-shadow-color: hsl(from var(--page-bg) h 20% 5%);--card-box-shadow: -4px -6.7px 5.3px hsl(from var(--card-box-shadow-color) h s l / .04), 4px 6.7px 5.3px hsl(from var(--card-box-shadow-color) h s l / .04), -12.5px 12.5px 10px hsl(from var(--card-box-shadow-color) h s l / .035), 12.5px 12.5px 10px hsl(from var(--card-box-shadow-color) h s l / .035), -12.3px 22.3px 17.9px hsl(from var(--card-box-shadow-color) h s l / .051), 12.3px 22.3px 17.9px hsl(from var(--card-box-shadow-color) h s l / .051);--card-box-hover-shadow-color: hsl(from var(--brand-color) h 70% 45%);--card-box-hover-shadow: 0 0 4px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--card-box-hover-shadow-color) h s l / .24), 0 0 6px hsl(from var(--card-box-hover-shadow-color) h s l / .22), 0 0 .25em hsl(from var(--card-box-hover-shadow-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--card-box-hover-shadow-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--card-box-hover-shadow-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--card-box-hover-shadow-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--card-box-hover-shadow-color) h s l / .042);--card-icon-hover-animation-duration: .15s;--relation-label-links-bg: hsl(from var(--page-bg) h s 11.5%);--relation-label-links-hover-bg: var(--relation-label-links-bg);--relation-label-links-text: var(--page-link-color);--relation-label-links-hover-text: var(--page-link-color);--relation-label-bg: hsl(from var(--page-bg) h s 11.5%);--relation-label-hover-bg: hsl(from var(--page-bg, #373b44) h s 20% / .15);--relation-label-text: var(--hashtag-color);--relation-label-hover-text: var(--hashtag-color);--relation-label-box-shadow: none;--relation-label-box-hover-shadow-color: hsl(from var(--hashtag-hover-color) h s 30%);--relation-label-box-hover-shadow: 0 0 4px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 0px 6px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 0 6px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 8px 16px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .24), 0 0 6px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .22), 0 0 .25em hsl(from var(--relation-label-box-hover-shadow-color) h s l / .2), 2.8px 2.8px 2.2px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .02), 6.7px 6.7px 5.3px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .028), 12.5px 12.5px 10px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .035), 22.3px 22.3px 17.9px hsl(from var(--relation-label-box-hover-shadow-color) h s l / .042);--relation-label-border: 1px solid transparent;--relation-label-hover-border: 1px solid hsl(from var(--hashtag-hover-color, transparent) h s l / .4);--relation-label-2hop-hover-animation-duration: .4s;--relation-label-empty-bg: var(--relation-label-links-bg);--relation-label-empty-hover-bg: var(--relation-label-links-bg);--relation-label-empty-text: var(--empty-page-link-color);--relation-label-empty-hover-text: var(--empty-page-link-color);--stream-section-label-bg: var(--search-form-bg)}body{background-color:hsl(from var(--body-bg) h s 12%)}htmldata-project-theme=blue{--navbar-bg: hsl(from var(--c-blue-3) h s l / 0)}htmldata-project-theme=purple{--navbar-bg: hsl(from var(--c-purple-3) h s l / 0)}htmldata-project-theme=green{--navbar-bg: hsl(from darkgreen h s l / 0)}htmldata-project-theme=orange{--navbar-bg: hsl(43 71 50 / 0)}htmldata-project-theme=red{--navbar-bg: hsl(from var(--c-red-4, darkred) h s l / 0)}htmldata-project-theme{--line-title-latin: "Google Sans Flex", "Google Sans", -apple-system, "Segoe UI Variable Display", "Roboto Flex", "Roboto", "Helvetica", "Arimo";--line-title-ja: "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic Medium";--line-title-font-weight: 550;--line-title-font-size-adjust: initial;--paragraph-latin: "Inter Variable", "Inter", "Roboto Flex", "Roboto", Helvetica, "Arimo", "Arial";--paragraph-ja: "BIZ UD\30b4\30b7\30c3\30af", "BIZ UDGothic", "Jikasei Rounded M PLUS", "M PLUS Rounded 1c", "Noto Sans JP", "Noto Sans CJK JP";--page-font-size-adjust: .51}.line .code{font-size-adjust:inherit}.line .deco-\/{font-size-adjust:.43}}.line .indent,.line .indent-mark .pad{vertical-align:top!important}.global-menu.dropdown-menu>li>a .kamon,.global-menu.dropdown-menu>li.dropdown-header .kamon{min-width:18px;min-height:18px}.line.cursor-line{min-height:100%!important}:root{color-scheme:light dark}