:root{--background: #232136;--background-light: #faf4ed;--button: #78c2ad;--text: #e0def4;--text-light: #575279;--text-link: #eb6f92;--text-link-light: #b4637a;--foam: #9ccfd8;--foam-light: #56949f;--text-link-hover: #ea9a97;--text-link-hover-light: #d7827e;--subtle: #908caa;--subtle-light: #797593;--underline: #56526e;--underline-light: #cecacd;--highlight-low: #2a283e;--highlight-low-light: #f4ede8;--muted: #6e6a86;--muted-light: #9893a5;--pine: #3e8fb0;--pine-light: #286983;--iris: #c4a7e7;--iris-light: #907aa9;--gold: #f6c177;--gold-light: #ea9d34;--pagefind-ui-text: var(--text);--header: YakuhanJP, "Pacifico", "Zen Kaku Gothic New", cursive;--body: YakuhanJP, "Josefin Sans", "Zen Kaku Gothic New", sans-serif}html{background-color:var(--background);color:var(--text);scroll-behavior:smooth}body{max-width:540px;margin:0 auto;text-align:justify;font-size:.85rem}h1,h2{font-family:var(--header);font-weight:400;font-size-adjust:.4}h1{font-size:2.6rem;margin:0 0 5px}h2{text-decoration:underline var(--underline);text-decoration-thickness:4px;text-underline-offset:6px;font-size:2.1rem;margin-bottom:0}.light h2,.light h3{text-decoration-color:var(--underline-light)}h3{font-family:var(--body);text-decoration:underline var(--underline);text-decoration-thickness:4px;text-underline-offset:6px}h4{font-family:var(--body);color:var(--subtle);margin-bottom:0;margin-left:0}.light h4{color:var(--subtle-light)}p{font-family:var(--body);font-size:.85rem;hyphens:auto;line-height:1.7}main img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--muted)}.light hr{border:none;border-top:1px solid var(--muted-light)}.hidden{display:none!important}small,li{font-family:var(--body);line-height:1.7}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}.light a{color:var(--text-link-light)}.light a:hover{color:var(--text-link-hover-light)}.navbar{display:grid;grid-template-columns:1fr 1fr;margin-top:.8rem}.navbar__title{font-family:var(--header);font-size:1.5rem}.navbar__menu{font-family:var(--body);font-size:1.1rem;text-align:right}.navbar__title>a,.navbar__menu>a{color:var(--text);text-decoration:none}.navbar__menu>a{margin:0 10px}.navbar__title>a:hover,.navbar__menu>a:hover,.navbar__menu>a:focus{text-decoration:underline var(--underline);text-decoration-thickness:2px;text-underline-offset:6px}.gif{margin:20px 0 0;text-align:center}.badge{background-color:#584966;color:var(--text);border-radius:6px;font-family:var(--body);font-weight:600;font-size:.85rem;padding:.3em .6em .2em}.badge__list{text-indent:1rem;list-style:none;padding:0}.badge__list>li{margin-top:0}.badge--item{border-radius:4px;font-size:.7rem;margin-right:5px;padding:.5em .3em .3em}.badge__link{color:var(--text-link);text-decoration:none}.badge__link:hover{text-decoration:underline}.card{list-style:none;display:flex;background-size:400%;padding:20px;max-width:100%;height:auto;position:relative}.card__link{width:100%;text-decoration:none;line-height:1.4;border-radius:8px;color:var(--text)}.card__link .latest{margin-top:10px}.card__img{border-radius:16px}.card__img_secret{border-radius:16px;width:90%}._x32_{fill:var(--foam);width:90%;height:auto}.light ._x32_{fill:var(--foam-light)}._x33_{fill:var(--gold);width:90%;height:auto}.light ._x33_{fill:var(--gold-light)}._x34_{fill:var(--iris);width:70%;height:auto}.light ._x34_{fill:var(--iris-light)}.card__title{margin:0;font-family:var(--body);font-size:1.5rem;font-weight:400;text-align:center}.card__txt{font-size:.8rem;line-height:1.5;text-indent:0;text-align:center;margin:.5rem 0 0}.card__link:hover{transform:scale(1.05)}.link-card-grid{display:grid;grid-template-columns:repeat(2,minmax(15ch,1fr));gap:1rem;padding:0}.work-link-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15ch,1fr));gap:1rem;padding:0}.card__badge{position:absolute;top:.5rem;left:.5rem;background-color:var(--muted);color:var(--text);border-radius:6px;font-weight:600;font-size:.85rem;padding:.3em .6em .2em}.light .card__badge{background-color:var(--muted-light)}.latest{margin-bottom:10px}.badge--tag{font-family:var(--body);display:inline-block;text-indent:0}.badge--tag+.badge--tag{margin-left:5px}.post-nav{display:flex;margin-top:5rem;font-family:var(--body);justify-content:center;gap:1rem}.divider{width:1px;height:1.2em;background-color:currentColor;opacity:.3}.prev,.next{display:flex;align-items:center;gap:.25rem}.post-nav span{color:var(--text)}.light .post-nav span{color:var(--text-light)}.btn{display:block;margin:auto;text-align:center;background:#0000;border:2px solid var(--pine);border-radius:8px;color:var(--text);font:600 16px var(--body);padding:8px 16px;transition:background-color .4s,color .4s}.btn:hover{background-color:var(--pine);color:var(--background);cursor:pointer}.light .btn{border:2px solid var(--pine-light)}.light .btn:hover{background-color:var(--pine-light);color:var(--background-light)}.skills{margin-top:8px}.skills__img{margin:8px 4px}.center{text-align:center}.pro-img{border-radius:16px;margin-top:10px}footer{margin:4rem 0}.footer__link{color:var(--text-link);text-decoration:none}.footer{cursor:default;list-style:none;padding:0}.icon__btn{display:inline-block;padding:0 .5rem}.icon__link{display:flex;padding:10px;height:20px;width:20px;border-radius:50%;border:2px solid #fdebf3;align-items:center;justify-content:center}.icon__link:hover{border-color:var(--text-link)}.lost{margin-top:30%;text-align:center}.lost__header{margin:0 auto;text-align:center;border:0;font-size:7.5rem;letter-spacing:10px}.lost__body{color:#5c5b77}.lost__link{color:var(--text-link);text-decoration:none}.overlay{position:fixed;inset:0;background:#0000004d;z-index:100;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.overlay.hidden{display:none}.overlay__inner{background:var(--background);padding:2rem;border-radius:8px;width:min(600px,90vw);max-height:80vh;overflow-y:auto}.search-close{background:none;border:none;color:var(--muted);font-size:1.5rem;margin-bottom:10px}.light .overlay__inner{background:var(--background-light)}.light .search-close{color:var(--muted-light)}html.light{background-color:var(--background-light);color:var(--text-light);--foam: var(--foam-light)}.light .navbar__title>a{color:var(--text-light)}.light .navbar__menu>a{color:var(--text-light)}.light .card__title,.light .card__txt,.light .btn{color:var(--text-light)}.light .btn:hover{color:var(--text)}.light .icon__link{border:2px solid var(--text-light)}.light .icon__link:hover{border-color:var(--text-link)}.light .git-icon{content:url(/.netlify/images?url=/images/github-mark.svg)}.light .mail-icon{content:url(/.netlify/images?url=/images/mail.svg)}.light .linked-in{content:url(/.netlify/images?url=/images/li-in.png)}.light .badge__link,.light .footer__link{color:var(--text-link-light)}.light .icon__link:hover{border-color:var(--text-link-light)}.pin{position:absolute;top:50%;left:0;transform:translateY(-50%);align-items:center}.light .pin{color:var(--text-light)}.card__title_secret{position:relative;margin:0 auto;font-family:var(--body);font-size:1.5rem;font-weight:400;display:flex;justify-content:center;padding-left:18px;padding-right:18px;max-width:65px}.pagefind-ui__search-clear.svelte-e9gkc3{position:absolute;top:calc(3px * var(--pagefind-ui-scale));right:calc(3px * var(--pagefind-ui-scale));height:calc(58px * var(--pagefind-ui-scale));padding:0 calc(15px * var(--pagefind-ui-scale)) 0 calc(2px * var(--pagefind-ui-scale));color:var(--text);font-size:calc(14px * var(--pagefind-ui-scale));cursor:pointer;background-color:var(--background);border-radius:var(--pagefind-ui-border-radius)}.light .pagefind-ui__search-clear.svelte-e9gkc3{color:var(--text-light);background-color:var(--background-light)}.pagefind-ui__result-title.svelte-j9e30 .pagefind-ui__result-link.svelte-j9e30{color:var(--text);text-decoration:none}.light .pagefind-ui__result-title.svelte-j9e30 .pagefind-ui__result-link.svelte-j9e30{color:var(--text-light);text-decoration:none}pagefind-ui.svelte-e9gkc3{width:100%;color:var(--text);font-family:var(--body)}.light .pagefind-ui.svelte-e9gkc3{color:var(--text-light)}.pagefind-ui__search-clear.svelte-e9gkc3{position:absolute;top:calc(3px * var(--pagefind-ui-scale));right:calc(3px * var(--pagefind-ui-scale));height:calc(58px * var(--pagefind-ui-scale));padding:0 calc(15px * var(--pagefind-ui-scale)) 0 calc(2px * var(--pagefind-ui-scale));color:var(--text);font-size:calc(14px * var(--pagefind-ui-scale));cursor:pointer;background-color:transparent;border-radius:var(--pagefind-ui-border-radius)}.light .pagefind-ui__search-clear.svelte-e9gkc3{color:var(--text-light);background-color:transparent}.pagefind-ui__search-input.svelte-e9gkc3{height:calc(64px * var(--pagefind-ui-scale));padding:0 calc(70px * var(--pagefind-ui-scale)) 0 calc(54px * var(--pagefind-ui-scale));background-color:transparent;border:var(--pagefind-ui-border-width) solid var(--pagefind-ui-border);border-radius:var(--pagefind-ui-border-radius);font-size:calc(21px * var(--pagefind-ui-scale));position:relative;appearance:none;-webkit-appearance:none;display:flex;width:100%;box-sizing:border-box;font-weight:700}.pagefind-ui__result.svelte-j9e30.svelte-j9e30{list-style-type:none;display:flex;align-items:flex-start;gap:min(calc(40px * var(--pagefind-ui-scale)),3%);padding:calc(30px * var(--pagefind-ui-scale)) 0 calc(40px * var(--pagefind-ui-scale));border-top:solid 1px var(--muted)}.light .pagefind-ui__result.svelte-j9e30.svelte-j9e30{border-top:solid 1px var(--muted-light)}.pagefind-ui__result.svelte-j9e30.svelte-j9e30:last-of-type{border-bottom:solid 1px var(--muted)}.light .pagefind-ui__result.svelte-j9e30.svelte-j9e30:last-of-type{border-bottom:solid 1px var(--muted-light)}.pagefind-ui__form.svelte-e9gkc3:before{background-color:var(--subtle);width:calc(18px * var(--pagefind-ui-scale));height:calc(18px * var(--pagefind-ui-scale));top:calc(23px * var(--pagefind-ui-scale));left:calc(20px * var(--pagefind-ui-scale));content:"";position:absolute;display:block;opacity:.7;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");-webkit-mask-size:100%;mask-size:100%;z-index:9;pointer-events:none}.light .pagefind-ui__form.svelte-e9gkc3:before{background-color:var(--subtle-light)}.pagefind-ui__button.svelte-e9gkc3{margin-top:calc(40px * var(--pagefind-ui-scale));border:var(--pagefind-ui-border-width) solid var(--muted);border-radius:var(--pagefind-ui-border-radius);height:calc(48px * var(--pagefind-ui-scale));padding:0 calc(12px * var(--pagefind-ui-scale));font-size:calc(16px * var(--pagefind-ui-scale));color:var(--subtle);background:transparent;width:100%;text-align:center;font-weight:700;cursor:pointer}.light .pagefind-ui__button.svelte-e9gkc3{border:var(--pagefind-ui-border-width) solid var(--muted-light);color:var(--subtle-light)}.remark-link-card-plus__container{margin:1rem 0;font-family:var(--body)}.remark-link-card-plus__card{display:flex;align-items:stretch;height:5rem;overflow:hidden;border-radius:.5rem;border:1px solid var(--underline);background-color:var(--background);text-decoration:none;transition:background-color .15s,border-color .15s}.light .remark-link-card-plus__card{border:1px solid var(--underline-light);background-color:var(--background-light);transition:background-color .15s,border-color .15s}.remark-link-card-plus__card:hover{background-color:#393552;border-color:var(--muted)}.light .remark-link-card-plus__card:hover{border-color:var(--muted-light);background-color:#f9efe6}.remark-link-card-plus__main{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0 1.25rem;width:100%;overflow:hidden}.remark-link-card-plus__meta{order:-1;display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:.25rem}.remark-link-card-plus__favicon{width:1.25rem;height:1.25rem;margin:0;flex-shrink:0}.remark-link-card-plus__url{display:none}.remark-link-card-plus__content{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:.2rem;border-left:1px solid var(--muted);padding-left:1rem}.light .remark-link-card-plus__content{border-left:1px solid var(--muted-light)}.remark-link-card-plus__title{font-size:.875rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.light .remark-link-card-plus__title{color:var(--text-light)}.remark-link-card-plus__description{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.light .remark-link-card-plus__description{color:var(--muted-light)}.remark-link-card-plus__thumbnail{display:none}@media only screen and (max-width: 600px){body{box-sizing:border-box;padding:0 1.75rem;width:100%}.navbar{display:initial}.navbar__title,.navbar__menu{text-align:center}.navbar__menu>a{margin:0 11px}.skills__img{height:30px;width:30px;margin:8px 1px}.badge__list{font-size:.9rem;text-indent:0}.pro-img{height:auto;width:350px}._x32_{opacity:1;margin-top:10px}._x33_{opacity:1;margin-top:0}.card__badge{margin-bottom:10px}.card__title,.card__title_secret{font-size:1.1rem;margin-top:0}.badge__list>li{margin-top:5px}.link-card-grid{gap:0}}