@layer base{html{color:var(--fg);background:var(--bg);font-family:var(--font-gothic)}body{margin:0}a{color:var(--accent)}h1{font-size:var(--step-5)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}dialog{opacity:0;transition:opacity .15s var(--ease-hover), display .15s allow-discrete, overlay .15s allow-discrete}dialog[open]{opacity:1}dialog::backdrop{backdrop-filter:blur(4px);opacity:0;transition:opacity .15s var(--ease-hover), display .15s allow-discrete, overlay .15s allow-discrete;background:#000c}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open],dialog[open]::backdrop{opacity:0}}html:has(dialog:modal){overflow:hidden}}@layer components{.on-still{--muted:#ffffffa6;--accent:#e3b289;color:#f2f2f2}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hover-overlay{position:relative}.hover-overlay:before,.hover-overlay:after{border-radius:var(--radius-overlay);background:var(--hover-tint);opacity:0;transition:opacity var(--duration-hover) var(--ease-hover), scale var(--duration-hover) var(--ease-hover);content:"";pointer-events:none;position:absolute;inset:-.5rem;scale:.99}.hover-overlay.inner:before,.hover-overlay.inner:after{border-radius:inherit;inset:0;scale:1}:is(.hover-overlay:hover,a:hover .hover-overlay):before,:is(.hover-overlay:hover,a:hover .hover-overlay):after{scale:1}:is(.hover-overlay:hover,a:hover .hover-overlay):before,:is(.hover-overlay:hover:active,a:hover:active .hover-overlay):after{opacity:1}.button{border:1px solid var(--line);border-radius:var(--radius-lg);font:inherit;font-size:var(--step-0);color:var(--fg);cursor:pointer;transition:background-color var(--duration-hover) var(--ease-hover);background:0 0;align-items:center;gap:.25rem;padding:.5rem 1.25rem;line-height:1.5rem;text-decoration:none;display:inline-flex}.button:hover{background:var(--hover-tint)}.button>svg:first-child{margin-inline-start:-.5rem}.button.ghost{color:var(--muted);border-color:#0000;margin-inline-start:-.75rem}.button.ghost:hover{color:var(--fg)}.icon-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.icon-button:hover{color:var(--fg)}input[type=checkbox][role=switch]{appearance:none;border-radius:var(--radius-full);background:var(--shade-3);cursor:pointer;width:2.25rem;height:1.25rem;transition:background-color var(--duration-hover) var(--ease-hover);flex:none;margin:0;position:relative}input[type=checkbox][role=switch]:before{content:"";background:var(--bg);width:1rem;height:1rem;transition:translate var(--duration-hover) var(--ease-hover);border-radius:50%;position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;box-shadow:0 1px 2px #0003}input[type=checkbox][role=switch]:checked{background:var(--fg)}input[type=checkbox][role=switch]:checked:before{translate:1rem}input[type=checkbox][role=switch]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@font-face{font-family:Koburina;src:local(KoburinaGoStdN-W0);font-weight:100}@font-face{font-family:Koburina;src:local(KoburinaGoStdN-W1);font-weight:200 300}@font-face{font-family:Koburina;src:local(KoburinaGoStdN-W3);font-weight:400 500}@font-face{font-family:Koburina;src:local(KoburinaGoStdN-W6);font-weight:600 700}@font-face{font-family:Koburina;src:local(KoburinaGoStdN-W9);font-weight:800 900}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W0);font-weight:100}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W1);font-weight:200}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W2);font-weight:250}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W3);font-weight:300 400}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W4);font-weight:450}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W5);font-weight:500}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W6);font-weight:600}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W7);font-weight:700}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W8);font-weight:800}@font-face{font-family:Hiragino Sans Text;src:local(HiraginoSans-W9);font-weight:900}@font-face{font-family:Yu Gothic EmBox;src:local(Yu Gothic Light),local(YuGothic-Light),local(YuGothic Medium),local(YuGo-Medium);font-weight:100 300;ascent-override:88%;descent-override:12%}@font-face{font-family:Yu Gothic EmBox;src:local(Yu Gothic Medium),local(YuGothic-Medium),local(YuGothic Medium),local(YuGo-Medium);font-weight:400 500;ascent-override:88%;descent-override:12%}@font-face{font-family:Yu Gothic EmBox;src:local(Yu Gothic Bold),local(YuGothic-Bold),local(YuGothic Bold),local(YuGo-Bold);font-weight:600 900;ascent-override:88%;descent-override:12%}@font-face{font-family:Yu Mincho EmBox;src:local(Yu Mincho Light),local(YuMincho-Light),local(YuMincho Medium),local(YuMin-Medium);font-weight:100 300;ascent-override:88%;descent-override:12%}@font-face{font-family:Yu Mincho EmBox;src:local(Yu Mincho Regular),local(YuMincho-Regular),local(YuMincho Medium),local(YuMin-Medium);font-weight:400 500;ascent-override:88%;descent-override:12%}@font-face{font-family:Yu Mincho EmBox;src:local(Yu Mincho Demibold),local(YuMincho-Demibold),local(YuMincho Demibold),local(YuMin-Demibold);font-weight:600;ascent-override:88%;descent-override:12%}@font-face{font-family:Yu Mincho EmBox;src:local(YuMincho Extrabold),local(YuMin-Extrabold),local(Yu Mincho Demibold),local(YuMincho-Demibold);font-weight:700 900;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Sans JP EmBox;src:local(Noto Sans JP Light),local(NotoSansJP-Light),local(Noto Sans CJK JP Light),local(NotoSansCJKjp-Light);font-weight:100 300;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Sans JP EmBox;src:local(Noto Sans JP Regular),local(NotoSansJP-Regular),local(Noto Sans CJK JP),local(NotoSansCJKjp-Regular);font-weight:400;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Sans JP EmBox;src:local(Noto Sans JP Medium),local(NotoSansJP-Medium),local(Noto Sans CJK JP Medium),local(NotoSansCJKjp-Medium);font-weight:500;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Sans JP EmBox;src:local(Noto Sans JP Bold),local(NotoSansJP-Bold),local(Noto Sans CJK JP Bold),local(NotoSansCJKjp-Bold);font-weight:600 700;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Sans JP EmBox;src:local(Noto Sans JP Black),local(NotoSansJP-Black),local(Noto Sans CJK JP Black),local(NotoSansCJKjp-Black);font-weight:800 900;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Serif JP EmBox;src:local(Noto Serif JP Light),local(NotoSerifJP-Light),local(Noto Serif CJK JP Light),local(NotoSerifCJKjp-Light);font-weight:100 300;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Serif JP EmBox;src:local(Noto Serif JP Regular),local(NotoSerifJP-Regular),local(Noto Serif CJK JP),local(NotoSerifCJKjp-Regular);font-weight:400;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Serif JP EmBox;src:local(Noto Serif JP Medium),local(NotoSerifJP-Medium),local(Noto Serif CJK JP Medium),local(NotoSerifCJKjp-Medium);font-weight:500;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Serif JP EmBox;src:local(Noto Serif JP Bold),local(NotoSerifJP-Bold),local(Noto Serif CJK JP Bold),local(NotoSerifCJKjp-Bold);font-weight:600 700;ascent-override:88%;descent-override:12%}@font-face{font-family:Noto Serif JP EmBox;src:local(Noto Serif JP Black),local(NotoSerifJP-Black),local(Noto Serif CJK JP Black),local(NotoSerifCJKjp-Black);font-weight:800 900;ascent-override:88%;descent-override:12%}:root{--fg:#222;--bg:#fbfaf6;--muted:#72726d;--accent:#875c35;--danger:#ce2c31;--line:color-mix(in srgb, var(--muted) 25%, transparent);--shade-1:color-mix(in srgb, var(--fg) 3%, transparent);--shade-2:color-mix(in srgb, var(--fg) 7%, transparent);--shade-3:color-mix(in srgb, var(--fg) 15%, transparent);--field:white;--hover-tint:color-mix(in srgb, var(--fg) 5%, transparent);--card:21rem;--columns:3;--page-width:66rem;--prose-width:43.5rem;--radius-picture:3px;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:calc(infinity * 1px);--radius-overlay:.625rem;--shadow-raised:0 1px 3px oklch(0% 0 0/.1), 0 1px 2px oklch(0% 0 0/.06);--duration-hover:.2s;--ease-hover:cubic-bezier(.4, 0, .6, 1);--font-mincho:"Yu Mincho EmBox", "Hiragino Mincho ProN", "Noto Serif JP EmBox", serif;--font-display:"Hiragino Mincho ProN", "Yu Mincho EmBox", "Noto Serif JP EmBox", serif;--font-body:"Bunyu Mincho S Asamoya StdN", var(--font-mincho);--font-gothic:"Hiragino Sans Text", "Yu Gothic EmBox", "Noto Sans JP EmBox", sans-serif;--text-size:1.125rem;--step--2:.79rem;--step--1:.889rem;--step-0:1rem;--step-1:1.125rem;--step-2:1.266rem;--step-3:1.424rem;--step-4:1.602rem;--step-5:1.802rem;--story-title-size:calc(var(--text-size) * 1.602);--page-turn-duration:.37s;--page-turn-easing:cubic-bezier(.4, 0, 0, 1)}:root[data-face=bunrei]{--font-body:"Bunyu Mincho Bunrei StdN", var(--font-mincho)}:root[data-face=sokyu]{--font-body:"Bunyu Mincho Sokyu StdN", var(--font-mincho)}@media (pointer:coarse) and ((width<30rem) or (height<30rem)){:root{--text-size:.875rem}}@media (width<68rem){:root{--columns:2;--page-width:43.5rem}}@media (width<45.5rem){:root{--columns:1;--page-width:21rem;--prose-width:21rem}}.prose{--columns:2;max-width:var(--prose-width);margin-inline:auto}@media (width<45.5rem){.prose{--columns:1}}@media (prefers-color-scheme:dark){:root{--fg:#ddd;--bg:#191918;--muted:#989790;--accent:#e3b289;--danger:#ff9592;--field:#2a2a28}}
