@font-face{font-family:"ChillRoundFRegular";font-display:swap;src:url("/fonts/ChillRoundFRegular.otf")}@font-face{font-family:"ChillRoundFBold";font-display:swap;src:url("/fonts/ChillRoundFBold.otf")}@font-face{font-family:"HackNerdFontMono-Italic";font-display:swap;src:url("/fonts/HackNerdFontMono-Italic.ttf")}@font-face{font-family:"HackNerdFontMono-Regular";font-display:swap;src:url("/fonts/HackNerdFontMono-Regular.ttf")}:root{--font-text: "ChillRoundFRegular", sans;--font-quote: "ChillRoundFRegular", sans;--font-meta: "Noto Sans", serif;--font-title: "Noto Sans", serif;--font-code: "HackNerdFontMono-Regular", monospace;--font-code-italic: "HackNerdFontMono-Italic", monospace;--font-ex: "Bungee", sans}:root{--size-text: 1.675rem;--size-quote: 1.675rem;--size-code: 1.575rem;--size-table: 1.375rem;--size-header: 1.2rem;--size-meta-date: 0.9rem;--size-meta-category: 1rem;--size-title: 1.6rem}:root{--color-red-50: oklch(95.68% 0.022 7.17);--color-red-100: oklch(89.31% 0.057 11.54);--color-red-400: oklch(65.39% 0.193 25.14);--color-red-500: oklch(64.27% 0.215 28.81);--color-hard-red: oklch(60.45% 0.186 19.16);--color-orange-50: oklch(94.78% 0.02 25.17);--color-orange-200: oklch(87.41% 0.11 76.47);--color-orange-300: oklch(82.87% 0.145 73.54);--color-orange-400: oklch(68.75% 0.142 21.46);--color-orange-500: oklch(67.92% 0.213 36.53);--color-deep-orange-300: oklch(75.46% 0.151 38.46);--color-deep-orange-400: oklch(71.24% 0.185 37.77);--color-hard-orange: oklch(65% 0.211 32);--color-yellow-50: oklch(99% 0.029 102.67);--color-yellow-100: oklch(97.39% 0.068 102.19);--color-yellow-500: oklch(92.85% 0.18 102.5);--color-soft-yellow: oklch(87.27% 0.146 86.73);--color-hard-yellow: oklch(83.2% 0.151 78.99);--color-green-25: oklch(91.31% 0.03 148.21);--color-green-50: oklch(95.71% 0.021 147.64);--color-green-100: oklch(89.52% 0.05 146.04);--color-green-200: oklch(80.52% 0.05 146.04);--color-green-500: oklch(67.31% 0.162 144.21);--color-soft-green: oklch(81.01% 0.149 130.36);--color-hard-green: oklch(75.03% 0.153 130.66);--color-soft-mint: oklch(77.25% 0.127 172.82);--color-hard-mint: oklch(71.6% 0.123 172.35);--color-soft-aqua: oklch(76.19% 0.116 224.79);--color-hard-aqua: oklch(70.8% 0.118 227.19);--color-blue-50: oklch(95.32% 0.022 239.43);--color-blue-100: oklch(88.48% 0.055 243.39);--color-blue-500: oklch(65.82% 0.169 248.81);--color-soft-blue: oklch(68.56% 0.136 255.18);--color-light-blue-500: oklch(69.91% 0.157 238.99);--color-hard-blue: oklch(62.72% 0.142 256.1);--color-purple-25: oklch(97.68% 0 322.11);--color-purple-50: oklch(93.76% 0.026 321.94);--color-purple-100: oklch(84.44% 0.068 321.36);--color-purple-200: oklch(74.37% 0.116 321.55);--color-purple-300: oklch(67.55% 0.162 321.61);--color-purple-400: oklch(59.63% 0.194 321.59);--color-purple-500: oklch(51.68% 0.215 321.24);--color-purple-600: oklch(49.01% 0.208 317.97);--color-purple-700: oklch(45.33% 0.199 312.96);--color-purple-800: oklch(42.02% 0.19 308.04);--color-soft-purple: oklch(71.86% 0.13 296.26);--color-hard-purple: oklch(64.76% 0.144 295.24);--color-pink-25: oklch(98.15% 0.025 354.44);--color-pink-50: oklch(94.66% 0.028 355.11);--color-pink-100: oklch(85.33% 0.075 356.33);--color-pink-200: oklch(76.57% 0.222 358.96);--color-pink-300: oklch(68.78% 0.18 1.96);--color-pink-400: oklch(63.92% 0.185 5.28);--color-pink-500: oklch(60.62% 0.225 9.63);--color-pink-500-A60: oklch(60.62% 0.225 9.63 / 60%);--color-pink-600: oklch(57.37% 0.218 7.85);--color-pink-700: oklch(63.13% 0.202 5.62);--color-pink-800: oklch(48.98% 0.187 2.53);--color-pink-900: oklch(41.52% 0.16 355.69);--color-hard-pink: oklch(63.92% 0.2 5.28);--color-soft-pink: oklch(74.86% 0.14 346.08);--color-soft-gray-light: oklch(97.55% 0.005 258.32);--color-hard-gray-light: oklch(93.29% 0.006 255.48);--color-soft-gray-medium: oklch(85.92% 0.012 259.82);--color-hard-gray-medium: oklch(76.07% 0.018 256.3);--color-soft-gray-dark: oklch(53.18% 0.02 256.34);--color-hard-gray-dark: oklch(40.66% 0.019 257.26);--color-soft-white: oklch(93.6% 0 0);--color-hard-white: oklch(87.6% 0 0);--color-soft-black: oklch(38% 0 0);--color-hard-black: oklch(32% 0 0);--color-black-600: oklch(56.24% 0 89.88);--color-black-700: oklch(49.26% 0 89.88);--color-black-800: oklch(37.91% 0 89.88);--color-black-900: oklch(24.78% 0 89.88);--color-gray-25: oklch(99.15% 0 89.88);--color-gray-50: oklch(98.51% 0 89.88);--color-gray-100: oklch(98.02% 0 89.88);--color-gray-200: oklch(94.91% 0 89.88);--color-gray-300: oklch(90.67% 0 89.88);--color-gray-310: oklch(95.04% 0 89.88);--color-gray-320: oklch(92.45% 0 89.88);--color-gray-400: oklch(79.84% 0 89.88);--color-gray-500: oklch(69.93% 0 89.88);--color-gray-600: oklch(56.24% 0 89.88);--color-gray-700: oklch(49.26% 0 89.88);--color-gray-800: oklch(37.91% 0 89.88);--color-gray-850: oklch(30.55% 0 89.88);--color-gray-900: oklch(24.78% 0 89.88);--color-gray-1000: oklch(11.55% 0 89.88)}:root{--desktop-width: 960px;--max-page-width: 64rem;--h1-scale: 2;--h2-scale: 1.5;--h3-scale: 1.27;--h4-scale: 1;--h5-scale: 0.77;--h6-scale: 0.5;--h7-scale: 0.27;--rem-0333: 0.333rem;--pre-code-padding: 1.333rem;--pre-code-br: var(--rem-0333);--pre-code-width: 95%}:root{--bg: var(--color-gray-50);--fg: var(--color-gray-800);--body-bg: var(--color-pink-200);--h-fg: var(--color-pink-300);--title-fg: var(--color-pink-400);--pound-fg: var(--color-gray-300);--header-underline: var(--color-pink-200);--home-year-fg: var(--color-pink-500);--primary: var(--color-hard-pink);--secondary: var(--color-hard-green);--nav-fg: var(--color-hard-black);--nav-bg: var(--color-hard-orange);--a-fg: var(--color-pink-300);--a-bg-hover: var(--color-pink-200);--code-fg: var(--color-pink-300);--code-bg: var(--color-pink-50);--codeblock-bg: #282828;--linenos-fg: var(--color-gray-600);--code-bar-fg: var(--color-gray-310);--hover-bg: #e8e0e8;--metaData-fg: var(--color-hard-black);--hovColor: #22453f;--bgSelect: #fffae1;--red: #d26878;--dimRed: #623039;--orange: #e08f67;--dimOrange: #926048;--yellow: #e08f67;--dimYellow: #d5c5a1;--green: #56afa0;--title: var(--color-hard-green);--dimGreen: #3e615c;--blue: #5690af;--dimBlue: #223844;--purple: #9271d6;--dimPurple: #47356c;--grey: #cbcdcd;--dimGrey: #88858b}.blog-content .init-year{font-size:1.6rem;font-weight:bold;color:var(--year-fg);margin-top:1.333rem}.blog-content .year{text-decoration:underline dotted var(--underline-fg) .233rem;margin-right:-.777rem}.blog-content .year-ch{position:sticky;letter-spacing:-.03rem;margin-left:-2.233rem;margin-bottom:.333rem;padding:.333rem}.blog-content ul{list-style-type:none;margin-left:-3.777rem;margin-top:-.333rem}.blog-content li .date{font:italic small-caps 500 1.2rem/1.8 var(--font-meta);min-width:4rem;white-space:nowrap}.blog-content li .pound{margin:.888rem .333rem auto .555rem;min-height:3px;min-width:3px;border-radius:50%;background-color:var(--pound-fg);vertical-align:middle}.blog-content li .title{display:inline-block;font:normal normal 600 1.8rem/1.2 var(--font-title);white-space:nowrap;text-transform:capitalize;vertical-align:middle;overflow-x:scroll;scrollbar-width:none}.blog-content li .title ::-webkit-scrollbar{display:none}@keyframes circle{0%{clip-path:circle(75%)}50%{clip-path:circle(25%)}100%{clip-path:circle(75%)}}@keyframes rot{to{transform:rotate(360deg)}}.anime-\[pulse\]{animation:pulse 1s ease infinite forwards}.anime-\[ping\]{animation:ping 2s ease infinite forwards}@keyframes pulse{0%, 100%{opacity:1}50%{opacity:.5}}@keyframes ping{0%{transform:scale(0);opacity:0}20%{transform-origin:center center;opacity:1}30%, 100%{transform:scale(1.8);transform-origin:center center;opacity:0}}.play{padding:1rem;border:2px dashed var(--color-pink-300)}.eg-clip-path{min-width:8rem;min-height:8rem;position:relative}.eg-clip-path .bg{width:100%;height:100%;background:var(--color-pink-300);opacity:.1}.eg-clip-path .fg{width:100%;height:100%;position:absolute;top:0;left:0;background:var(--color-pink-300)}.eg-clip-path .fg[ty=circle]{clip-path:circle(30% at center)}.eg-clip-path .fg[ty=rect]{clip-path:inset(20%)}.eg-clip-path .fg[ty=rect-round]{clip-path:inset(10% 13% round 5px 0 9px 0)}.test-box{width:10rem;height:10rem;background:blue;opacity:.6}.test-circle{width:70px;height:50px;background:blue;opacity:.6;clip-path:path("M0 0V0H0V0H10V9")}.test-circle:hover{clip-path:path("M28.736 30.271C16.72 1.227 72.288 46.53 61.113 16.344")}.a-trc{animation:trc 1s ease-in-out infinite alternate,rot 1s ease-in-out infinite alternate}@keyframes trc{0%{clip-path:polygon(0 0, 50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%)}100%{clip-path:polygon(50% 50%, 50% 25%, 50% 50%, 75% 50%, 50% 50%, 50% 75%, 50% 50%, 25% 50%)}}.morphing{background:orange;width:50%;aspect-ratio:1/1;clip-path:circle(75%);animation:circle 3s ease-in-out infinite,rot 3s ease-in-out infinite}.vg{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow:scroll;background:#e97f8a;width:auto;max-height:16rem;padding:2rem 3rem}.vg .card{display:flex;flex-direction:column;background:#fff;width:8rem;aspect-ratio:3/4;padding:.777rem .777rem}.vg .card .img{width:8rem;aspect-ratio:1/1;overflow:hidden;margin:0 auto}.vg .card .img img{width:8rem;aspect-ratio:1/1;margin:0 auto;object-fit:cover;transition:all .3s}.vg .card .img img:hover{transform:scale(1.3);transition:all .3s}.vg .card .txt{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;font:normal normal 400 .8rem/1 var(--font-meta);color:#555;margin-top:.777rem}.vg .card .txt .tag::before{content:"- "}.vg .card .txt .title{margin:.777rem auto .777rem 0;height:auto}.vg .card .txt .title a{font:normal normal 800 .8rem/1 var(--font-meta);color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.carousel-card{position:relative;width:18rem;aspect-ratio:4/3;border:2px solid #ddd;border-radius:9px;overflow:hidden}.carousel{position:relative;display:flex;width:100%;height:100%;scroll-snap-type:x mandatory;overflow-x:scroll;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel::-webkit-scrollbar{display:none}.carousel img{width:auto;height:100%;object-fit:contain;margin:0 0;background:#000;scroll-snap-align:center;scroll-snap-stop:always}.wrap-scrollbar{position:absolute;left:0;bottom:1%;width:100%;height:3%;}.wrap-scrollbar .scrollbar{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(238,238,238,.2);position:relative;opacity:0;transition:opacity 300ms ease;pointer-events:none;}.wrap-scrollbar .scrollbar .thumb{position:absolute;bottom:0;left:0;height:100%;background:rgba(102,102,102,.8666666667);border-radius:99vw;cursor:grab;user-select:none;transition:left .1s ease}.gallery{margin:1rem 2rem}.gallery .carousel-card{width:100%;border-radius:9px}.dict *{all:unset}.dict div{display:block}.dict .wrap{display:flex;margin-bottom:1rem;counter-reset:section}.dict .wrap .left{margin-right:1rem;opacity:.4}.dict .examples .idx{counter-reset:subsection}.dict .examples .idx:before{counter-increment:section;content:counter(section)}.dict .examples .from{opacity:1}.dict .examples .to{opacity:.6}.dict .synonyms .type:before{content:attr(type)}.dict .synonyms .from{color:#000}.dict .synonyms .to{color:blue}.vec-star{display:inline-flex;align-items:center;position:relative}.vec-star .overlay{background:red;mix-blend-mode:color;position:absolute;top:0;right:0;z-index:1;width:1rem;height:1rem}.star{width:1rem;height:1rem;margin-right:2px;display:flex;color:#f8d448;fill:green}.star:last-of-type{margin-right:0}.review{border:1px solid rgba(0,0,0,.1);border-radius:2px;padding:1rem;margin:1rem 0}.review .top{display:flex;max-height:40vh;margin:0 0 1rem 0}.review .top hr{margin:0 .5rem;border:0;border-radius:0;width:.3px;background:#eee}.review .top .left{width:80%;max-width:80%;overflow:scroll}.review .top .right{width:20%;display:flex;align-items:center;justify-content:center}.review .top .right .cover{display:block;padding:.333rem .333rem 1rem .333rem;margin:auto 0;width:auto;max-width:100%;max-height:35vh;box-shadow:0 0 #000,0 0 #000,0 1px 2px rgba(0,0,0,.0117647059);border:.1px solid #eee;border-radius:.8px}.review .top .right .cover img{margin:0 0}.review .bottom{display:block}.review .bottom hr{margin:1rem 0;border:0;border-radius:0;background:#eee;height:1px}.review .bottom .tag{all:unset;display:inline-block;color:#fff;background:var(--color-pink-200);font:normal small-caps 600 1.6rem/1 var(--font-text);margin-right:.333rem;padding:.333rem .777rem .555rem .555rem;height:1rem}.review .bottom .tag::before{all:unset}.review .bottom .text *{all:unset}.review .bottom .text p{display:block;text-decoration-line:underline;text-decoration-color:rgba(0,0,0,.1);text-orientation:sideways;writing-mode:vertical-rl;transform:rotate(180deg)}.review .list{display:block}.review .list .ep{display:flex;margin:0 0 1rem 0}.review .list .ep .meta{display:flex;height:1rem;background:#000;padding:.2rem .3rem;border-radius:1px;justify-content:center;min-width:3rem}.review .list .ep .idx{font-size:.8rem;color:#fff;margin:0 .2rem 0 0}.review .list .ep .idx:before{content:"№."}.review .list .ep .score{font-family:"Rubik",sans-serif;font-weight:500;font-size:.6rem;height:.65rem;color:rgba(255,255,255,.8);border-bottom:.6px solid rgba(255,255,255,.7)}.review .list .text{margin:0 0 0 1rem}.review .list .text *{all:unset}.review .list .text p{display:block;font:normal normal 400 1.2rem/1.2 var(--font-text);white-space:pre-line}.-line,.desc>.bottom .line,.desc>.top .line{width:100%;height:.333rem;background:var(--color-pink-200)}.desc{margin:1rem 1.333rem}.desc>.top{display:flex;align-items:center}.desc>.top .icon a{all:unset;color:#fff;background:var(--color-pink-200);font:normal small-caps 600 1.6rem/1 var(--font-text);margin-right:.333rem;padding:.333rem .777rem .555rem .555rem}.desc>.top .icon a::before{all:unset}.desc>.txt{margin:-1rem 2rem 1rem 3rem}.chat{font:normal normal 400 1.2rem/1.4 var(--font-text);margin-bottom:1.7rem}.chat .left,.chat .right{margin-bottom:1rem}.chat .left{display:flex}.chat .left .name{margin-right:.333rem}.chat .left .name::after{content:":"}.chat .left .msg{max-width:60vw}.chat .right{display:flex;justify-content:flex-end}.chat .right .reply{max-width:60vw;padding:.555rem;background:#eee;border-radius:.3rem}.chat .right .reply *{all:unset}.qa-chat{border-radius:10px;border:2px dashed var(--color-pink-200);padding:2rem}.qa-chat .list{border-radius:6px;border:2px dotted var(--color-gray-300);padding:1rem;margin-top:3rem;max-height:60vh;overflow:scroll}.music_card{padding:1rem}.music_card .l1{background:#f5f5f5;padding:.4rem;border-radius:9px}.music_card .l1>.l2{background:#fdfdfd;border-radius:6px;box-shadow:0 0 #000,0 0 #000,0 1px 2px rgba(0,0,0,.0117647059);border:.5px solid #eee}.music_card .l1>.l2 .info{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem}.music_card .l1>.l2 .info .img{min-width:4rem;min-height:4rem;background:red;border-radius:3px;animation:_ 1s ease-in}@keyframes _{0%{clip-path:circle(0 at center);opacity:10%}100%{clip-path:circle(100% at center);opacity:100%}}.music_card .l1>.l2 .info .txt{width:100%;padding:0 1rem}.music_card .l1>.l2 .info .txt .sync{display:flex;justify-content:flex-end}.music_card .l1>.bar{display:flex;justify-content:space-between;margin:.6rem .4rem}.music_card .l1>.bar .left{display:flex;align-items:baseline}.music_card .l1>.bar .left .txt{opacity:40%}.music_card .l1>.bar .left .txt::before{content:" ";display:inline-block;width:.5rem;height:.5rem;background:#000;border-radius:50%;opacity:80%;margin-right:.5rem}.music_card .l1>.bar .right{display:flex}.music_card .l1>.bar .right .day{margin-right:.3rem;color:#000}.music_card .l1>.bar .right .suffix{opacity:60%}.jou{min-height:10rem;border-radius:3px;width:90%;margin:1rem auto;display:grid;grid-template-columns:9fr 1fr}@media (max-aspect-ratio: 1/1){.jou{display:flex;flex-direction:column;align-items:center;justify-content:center}}.jou[color=blue]{background:var(--color-blue-100);border:3.5px solid var(--color-blue-100)}.jou[color=blue]>.left{background:var(--color-blue-50)}.jou[color=purple]{background:var(--color-purple-100);border:3.5px solid var(--color-purple-100)}.jou[color=purple]>.left{background:var(--color-purple-50)}.jou[color=green]{background:var(--color-green-100);border:3.5px solid var(--color-green-100)}.jou[color=green]>.left{background:var(--color-green-50)}.jou[color=pink]{background:var(--color-pink-100);border:3.5px solid var(--color-pink-100)}.jou[color=pink]>.left{background:var(--color-pink-50)}.jou>.left{display:block;font:normal normal 500 var(--size-text)/1.65 var(--font-text);border-radius:1px;width:100%;height:100%}.jou>.left>.txt{padding:0 2rem 2rem 2rem;margin:0 auto}.jou>.right>.side{display:flex;flex-direction:column;align-items:center;justify-content:center;height:95%}.jou>.right>.side a{color:#000;font-weight:bold;writing-mode:vertical-rl}@media (max-aspect-ratio: 1/1){.jou>.right>.side a{writing-mode:horizontal-tb}}.jou>.right>.side a::before{all:unset}.article-date-outer{width:100%;height:56px;border:3px solid #000}.article-date-outer>.article-month{display:block;line-height:18px;font-weight:bold;text-align:center;white-space:nowrap;font-size:13px;color:#000}.article-date-outer>.article-date{display:block;line-height:40px;font-weight:bold;text-align:center;font-size:26px}.-flex-cb,.qa .a,.qa .q{display:flex;justify-content:center;align-items:baseline}.-icon,.qa .a span,.qa .q span{font:normal normal 900 var(--size-text)/1.7 var(--font-code);max-width:1em;background:#000;color:#fff;padding:.333rem 1.333rem .333rem 1.111rem;margin-right:1.333rem}.qa{margin:1rem auto}.qa .q{margin-bottom:.333rem}.qa .q a{flex:1;font:normal normal 600 var(--size-title)/1.7 var(--font-title);color:#000}.qa .a span{background:#eee;color:#000}.qa .a div{flex:1}.qa .a div .p{font:normal normal 600 var(--size-text)/1 var(--font-text);margin-bottom:-1rem}pre{width:auto}pre .code-bar{display:flex}pre code{display:block;width:auto;max-height:70vh;padding:1rem 2rem;overflow:scroll;font:normal normal 400 var(--size-code)/1.4 var(--font-code)}@supports selector(::-webkit-scrollbar){code::-webkit-scrollbar{width:1rem;height:1rem}code::-webkit-scrollbar-thumb{background:rgba(200,200,200,.2)}code::-webkit-scrollbar-track{background:rgba(0,0,0,0)}code::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}}#footnotes{font-size:1.6rem}footer{margin:1rem 2rem}footer .foot-container{color:var(--dimGrey);display:flex;justify-content:space-between;align-items:center}footer .foot-container .left p{margin:1rem 0}footer .foot-container .ti{font-size:2.4rem}footer .footer-meta{display:flex;justify-content:space-between;align-items:center;margin:50vh 0 0 -.555rem;width:100%;text-wrap:nowrap}footer .footer-meta a::before{all:unset}footer .footer-meta a:active,footer .footer-meta a:focus,footer .footer-meta a:hover{color:var(--color-pink-300)}footer .footer-meta .tags{width:60%;overflow:scroll}footer .footer-meta .tags a::before{content:"#"}footer .footer-meta .author{align-self:flex-end;margin-right:-.555rem}footer .footer-meta .author a::before{content:"@"}.footnote-definition{display:flex;align-items:baseline;justify-content:flex-start;margin:3rem 2rem}.footnote-definition .footnote-definition-label{display:block;color:var(--color-gray-500);font-size:1.5rem}.footnote-definition p{display:block}ol{font:normal normal 500 var(--size-text)/1.4 var(--font-text)}ol ::marker{font-weight:600;color:var(--color-gray-400)}header{font-size:var(--size-header);margin:0 1rem 2rem .333rem}.header-flex{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:1.333rem;vertical-align:middle}.header-flex>.toggle-theme{align-self:flex-start;flex-shrink:1;margin-right:auto}.header-flex>.toggle-theme>.themeButton{cursor:pointer;border:none;background:rgba(0,0,0,0);position:relative}.header-flex>.toggle-theme .dark .themeButton.dark,.header-flex>.toggle-theme .themeButton.light{display:none}.header-flex>.toggle-theme .dark .themeButton.light{display:block}.header-flex>.toggle-theme .themeButton,.header-flex>.toggle-theme hr,.header-flex>.toggle-theme textarea{color:var(--primary)}.header-flex>.toggle-theme svg{width:12px;height:12px;display:inline-block;vertical-align:middle}.header-flex>.toggle-theme svg:hover{background-color:rgba(0,0,0,0);color:var(--primary)}.header-flex>.search{display:none;flex-shrink:1;margin-top:.233rem}.header-flex>.search>input{height:1rem;max-width:10rem}.header-flex>.nav{align-self:flex-end;flex-shrink:1;white-space:nowrap;overflow:scroll}.header-flex>.nav>.links{color:var(--nav-fg);margin:.133rem 0}.header-flex>.nav>.links>a{font:normal small-caps 600 1.4rem/.9 var(--font-meta);text-decoration:underline solid var(--header-underline) .2rem;color:var(--title-fg)}.header-flex>.nav>.links>a:hover,.header-flex>.nav>.links>a:focus,.header-flex>.nav>.links>a:active{text-decoration:none;color:#fff}img{min-width:100%;max-width:100%;object-fit:cover;margin:1rem auto}svg{max-width:100%}.thumb{object-fit:contain}.photo{margin-top:1rem}.photo .top{display:flex;justify-content:center;align-items:flex-end}.photo .top .side{width:3rem}.photo .top .side div{display:flex;justify-content:center;font:normal small-caps 600 1rem/1 var(--font-meta);writing-mode:vertical-rl;transform:rotate(180deg);margin:0 auto}.photo .top .side div span{margin:.333rem 0}.photo .top .img{flex:1;object-position:top right;border:.1px solid #eee}.photo .top .img img{margin:0 0}.photo .bottom{display:flex}.photo .bottom .empty{width:3rem}.photo .bottom .desc{flex:1}.photo .bottom .desc a{font-weight:bold;background:linear-gradient(rgba(0,0,0,0) 50%, #cfd8dc 50%);color:#000}.photo-box{max-width:100%;max-height:100%;padding:2rem 2rem 2.3rem 1.9rem;border:.1px solid #eee;border-radius:1px;box-shadow:0 0 #000,0 0 #000,0 1px 2px rgba(0,0,0,.0117647059)}.photo-box img{margin:0 auto;border:1px solid #eee}.photo-box2{margin:1rem auto}.photo-box2 .bg{background:var(--color-pink-100);padding:7px 7px;padding-left:7.111px;margin:0 auto}.photo-box2 .bg2{background:#fff;padding:5px 5px;margin:0 auto;border-bottom:2px solid #eee}.photo-box2 img,.photo-box2 canvas{max-width:100%;margin:0 auto;border:.01px solid #eee}.home{margin:1rem 2rem}.home section{margin:2rem 0}.home .head{position:sticky;top:0;overflow:clip;z-index:9;display:flex;align-items:center;justify-content:space-between}.home .head .zodiac{width:2rem;height:auto;background:var(--bg)}.home .head .year{font:normal small-caps 800 1.6rem/1.2 serif;color:var(--home-year-fg)}.home .flex-x{position:relative;display:flex;justify-content:flex-start;align-items:center}.home .flex-x .pound{width:5px;height:5px;border-radius:99vw;background-color:var(--pound-fg);margin:0 1.333rem 0 .777rem}.home .flex-x .title{width:100%;font:normal normal 600 1.8rem/1.2 var(--font-title);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home .flex-x .title .ti{opacity:0;color:var(--color-orange-500)}.box{background:#aaa;width:3rem;height:3rem}.box[style]{width:var(--w);height:var(--h)}.wrap-vec-pcard{position:relative;margin:1rem 2rem}.wrap-vec-pcard:after{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;width:3rem;height:100%;right:-1px;position:absolute;z-index:9999999;margin-left:auto;top:0;background:linear-gradient(to right, oklch(from var(--bg) l c h/0) 0, oklch(from var(--bg) l c h/.7) 40%, oklch(from var(--bg) l c h/1) 80%)}.vec-pcard{display:flex;gap:9px;width:auto;padding:1rem 0;overflow-x:scroll;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding:0}.vec-pcard .pcard:nth-child(n+11){display:none}.vec-pcard>.more{min-width:3.777rem;max-width:3.777rem;min-height:13.777rem;max-height:13.777rem;display:flex;justify-content:center;align-items:center;margin:0 3rem;scroll-snap-align:center}.vec-pcard>.more .ti{font-size:2.4rem}.vec-pcard>.pcard{min-width:18.777rem;max-width:18.777rem;min-height:13.777rem;max-height:13.777rem;border:1.3px solid var(--color-pink-100);border-radius:3px;box-shadow:0 0 #000,0 0 #000,0 1px 2px rgba(0,0,0,.0117647059);scroll-snap-align:center}.vec-pcard>.pcard .title{min-height:3.058494rem;max-height:3.058494rem;padding:1rem 1rem 0 .555rem;margin:0;border-bottom:1px solid var(--color-pink-100);box-shadow:0 0 #000,0 0 #000,0 1px 2px rgba(0,0,0,.0117647059);white-space:nowrap;overflow:scroll}.vec-pcard>.pcard .title a{font:normal normal 400 1.8rem/1.2 var(--font-ex);color:var(--title-fg)}.vec-pcard>.pcard .title a:hover{color:#fff}.vec-pcard>.pcard .desc{min-height:8.417747rem;max-height:8.417747rem;margin:-.777rem 1rem -.111rem 1rem;overflow:hidden}.vec-pcard>.pcard .desc p{font:normal normal 400 1.4rem/1.4285714286 var(--font-text);color:var(--color-gray-700);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:1.5rem auto}.vec-pcard>.pcard .meta{width:auto;height:3.058494rem;margin:0 0 1rem 0;overflow-x:scroll;scrollbar-width:none}.vec-pcard>.pcard .meta .vec{display:flex;flex:space-between;gap:4px}.vec-pcard>.pcard .meta .vec a{display:block;font:normal small-caps 600 1.2rem/1.2 var(--font-text);color:var(--color-pink-600);background:var(--color-pink-50);height:1.555rem;padding:0 .399rem 0 .333rem}.vec-pcard>.pcard .meta .vec .category{display:block;color:var(--color-purple-600);background:var(--color-purple-50);padding:0 .677rem 0 .377rem;border-radius:0 99vw 99vw 0}.post-meta{display:flex;margin:1rem 1.555rem}.post-meta div{margin-left:auto}.post-meta .styled-date{color:var(--color-gray-700);font:italic small-caps 400 var(--size-meta-date)/1 var(--font-title);text-transform:capitalize;vertical-align:middle}.post-meta .dividing{display:inline-block;width:.333rem;height:1.333rem;background-color:var(--color-purple-300);margin:0 .111rem 0 .555rem;vertical-align:middle}.post-meta .category{font:normal normal 600 var(--size-meta-category)/1 var(--font-title);color:var(--color-gray-900);vertical-align:middle;text-transform:uppercase}.tags div{display:flex;flex-wrap:wrap;overflow-x:scroll;gap:.333rem .555rem}.tags .tag{border-radius:1px;padding:.333rem .333rem;background:#272727;color:#ccc}.tags-one-line div{display:flex;flex-wrap:nowrap;align-content:stretch;overflow:scroll;gap:0 .555rem;z-index:1}.tags-one-line .tag{display:block;border-radius:1px;padding:.333rem .333rem;background:#282828;color:#ccc;white-space:nowrap}hr{border:1px solid;border-radius:1px;color:var(--color-gray-300);margin:0 auto}iframe{max-width:90%}textarea{border:2px dotted;outline:0;resize:none;overflow:auto;background-color:var(--bg)}.blank{height:100vh}blockquote{background:var(--color-gray-200);width:auto;padding:1rem;margin:1rem 2rem;border:1px dashed var(--color-gray-400)}blockquote p{margin:0 auto}.leave-blank{height:130vh}table{display:block;font:normal normal 500 var(--size-table)/1 var(--font-text);max-height:80vh;margin:1rem 0;border-top:1px solid var(--color-gray-400);border-bottom:1px solid var(--color-gray-400);border-collapse:separate;border-spacing:0;overflow:scroll;scroll-snap-type:both mandatory;word-break:keep-all;scrollbar-width:none}table th,table td{width:100%;padding:1rem 2rem;scroll-snap-align:end start}table th{position:sticky;top:0;background:var(--color-gray-200);border-bottom:1px solid var(--color-gray-300)}table tr:nth-child(even){background:var(--color-gray-200)}.books th{text-transform:capitalize}p{position:relative;display:block;color:var(--fg);text-wrap:pretty;word-break:auto-phrase;text-autospace:normal;text-spacing-trim:normal;font:normal normal 500 var(--size-text)/1.65 var(--font-text);font-feature-settings:"palt" 1;margin:1rem 2rem;margin-bottom:calc(var(--main-font-size)*1.2)}p:has(img){margin:1rem 0}p:not(>img){max-inline-size:50ch}@media (max-aspect-ratio: 1/1){p:not(>img){max-inline-size:40ch}}@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 16/10){p:not(>img){max-inline-size:50ch}}@media (min-aspect-ratio: 16/10){p:not(>img){max-inline-size:55ch}}a,p>code{display:inline-block;position:relative;padding:0 .333rem;font:normal normal 500 var(--size-text)/1.45 var(--font-text);color:var(--a-fg);text-decoration:none}a:before,p>code:before{content:"";position:absolute;z-index:-1;border-radius:inherit;background:var(--a-bg-hover);top:0;right:0;bottom:0;left:0}a:hover,p>code:hover{color:#fff;animation:_ 500ms ease-in-out forwards}@keyframes _{1%{clip-path:inset(0 0 0 100%)}25%{clip-path:inset(0 0 0 0)}50%{clip-path:inset(0 0 0 15%)}100%{clip-path:inset(0 0 0 0)}}p>code{display:inline-block;position:relative;padding:0 .333rem;background:var(--color-pink-50);border-top:2px solid var(--color-pink-25);border-bottom:2px solid var(--color-pink-25);word-break:break-all}main>p>a[href]:hover{color:var(--a-fg);text-decoration:underline solid var(--header-underline) .2rem;text-underline-offset:.255rem;animation:none}.timeline{position:relative;display:block;padding:0 3.333rem 0 0;margin:3rem auto}.timeline li{list-style-type:none}.timeline li:before{content:"";position:absolute;display:block;width:8px;height:8px;top:1rem;left:1.688rem;border-radius:50%;background:var(--color-pink-200)}.timeline li:after{content:"";position:absolute;display:block;width:2px;height:100%;top:.433rem;left:1.999rem;border-radius:2px;background:var(--color-pink-200)}.timeline .txt{margin-left:-2.555rem}.timeline .date{display:flex;justify-content:flex-end}.timeline .date span{font:normal normal 400 1rem/1.2 var(--font-title);color:var(--color-gray-500)}h1{font:normal normal 400 calc(var(--h1-scale)*var(--size-title)*1.133)/1 var(--font-ex)}h2{font:normal normal 400 calc(var(--h2-scale)*var(--size-title)*1.133)/1 var(--font-ex)}h3{font:normal normal 400 calc(var(--h3-scale)*var(--size-title)*1.133)/1 var(--font-ex)}h4{font:normal normal 400 calc(var(--h4-scale)*var(--size-title)*1.133)/1 var(--font-ex)}h5{font:normal normal 400 calc(var(--h5-scale)*var(--size-title)*1.133)/1 var(--font-ex)}h6{font:normal normal 400 calc(var(--h6-scale)*var(--size-title)*1.133)/1 var(--font-ex)}h1,h2,h3,h4,h5,h6{text-align:left;text-rendering:optimizeLegibility;text-wrap:balance;word-break:break-word;color:var(--title-fg)}h1{font-size:3.2rem;line-height:2.380952381ex;text-align:center;text-transform:capitalize}h2{line-height:2.380952381ex;margin:2.380952381ex 0}h3{line-height:2.6315789474ex;margin:2.6315789474ex 0}h4{line-height:2.7027027027ex;margin:2.7027027027ex 0}h2{position:relative;display:inline-block;width:auto;padding:0 2rem 0 1rem;margin:4rem 0 .3rem 0;border-radius:0 5px 5px 0;color:var(--color-purple-500);background:var(--color-purple-50)}h3{position:relative;display:inline-block;width:auto;padding:0 2rem 0 1rem;margin:4rem 0 .3rem 0;border-radius:0 5px 5px 0;color:var(--color-purple-500);background:var(--color-purple-50)}h4{position:relative;display:inline-block;width:auto;padding:0 2rem 0 1rem;margin:4rem 0 .3rem 0;border-radius:0 5px 5px 0;color:var(--color-purple-500);background:var(--color-purple-50)}h5{position:relative;display:inline-block;width:auto;padding:0 2rem 0 1rem;margin:4rem 0 .3rem 0;border-radius:0 5px 5px 0;color:var(--color-purple-500);background:var(--color-purple-50)}h6{position:relative;display:inline-block;width:auto;padding:0 2rem 0 1rem;margin:4rem 0 .3rem 0;border-radius:0 5px 5px 0;color:var(--color-purple-500);background:var(--color-purple-50)}:root{font-size:62.5%;font-size-adjust:.5;scrollbar-gutter:stable;scrollbar-color:var(--color-pink-300) rgba(0,0,0,0);color-scheme:light dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased;font-feature-settings:"case" on,"zero","halt","ccmp","kern" off}:root ::selection{color:#fff !important;background:var(--color-pink-200)}@view-transition{navigation:auto}.-text{font:normal normal 600 var(--size-text)/1 var(--font-text)}.-text-title{font:normal normal 600 var(--size-title)/1 var(--font-title)}.f-nalt5{font-feature-settings:"nalt" 5}body{position:relative;background:var(--body-bg);margin:5px 3px}@media (max-aspect-ratio: 1/1){body{margin:3px 1px}}.wrapper{position:relative;display:block;width:100%;max-width:var(--max-page-width);min-height:100vh;color:var(--fg);background:var(--bg);border-radius:2px;padding:1rem 0 2rem 0;margin:0 auto}.wrapper main{position:relative;display:block;margin-bottom:30vh}@media (min-aspect-ratio: 16/10){.wrapper main{text-align:justify}}.wrapper .wrap-giscus{width:auto;padding:1rem 2.999rem;margin-top:10rem}.wrapper .wrap-giscus .giscus iframe{min-width:100%;max-width:100%}.jchart{padding:3rem 1rem}.jchart .bar .l1,.jchart .bar .l2{display:flex;justify-content:space-between;align-items:center}.jchart .bar .l1 .center .count,.jchart .bar .l2 .center .count{background:#eee;padding:.333rem 1rem;border-radius:1rem}.jchart .chart{position:relative}.jchart .chart .line{position:absolute;height:9rem;top:0;left:50%;border-right:1px dashed #000}.jchart .chart .half{position:absolute;top:10rem;left:45%}.jchart .chart .cur{display:flex}.jchart .chart .cur .red{background:red;width:46.3%;height:6rem}.jchart .chart .cur .blue{background:blue;width:53.7%;height:6rem}.jchart .chart .prev{display:flex;opacity:60%}.jchart .chart .prev .red{background:red;width:60%;height:3rem}.jchart .chart .prev .blue{background:blue;width:40%;height:3rem}.fishway{width:10rem;height:10rem}.fishway .bg{width:100%;height:100%;background:#000}.fishway .circle{width:100%;height:100%;background:#fff;border-radius:50%;scale:.96}.fishway .wave{width:100%;height:100%;border-radius:50%;background:#09f;clip-path:path("m0 100 100 0v-44.5h-3.456c-3.456 0-10.368 0-17.28.7668-6.912.7812-13.824 2.2932-20.736 1.9224-3.232-.1252-10.144-2.4292-17.056-3.5812s-13.824-1.152-20.736-.3852c-6.912.7812-13.824 2.2932-17.28 3.0744l-3.456.7668z")}.ssr{width:10rem;height:3rem;border-radius:2rem;background:linear-gradient(90deg in oklch longer hue, #fec57e, #5ff8dc)}.set-box{}.set-box fieldset{border:1px solid rgba(0,0,0,.1);border-radius:3px}.set-box fieldset:has(>textarea:focus){border:1px solid #000}.set-box legend{display:none}.set-box legend:not(:has(+textarea:placeholder-shown)),.set-box legend:has(+textarea:focus){display:block}.set-box textarea{min-width:100%;border:0;background:inherit;opacity:1}.set-box textarea:focus{outline:none}.set-box .menu input[type=radio]{display:none}.set-box .menu>div{display:none}.set-box .menu input:checked+label+div{display:block}