:root{--background: linear-gradient(180deg, #2a2f3a 0%, #262b33 100%);--background-light: linear-gradient(180deg, #cfdad2 0%, #e6ddc3 40%, #f5d8b0 70%, #eec8a4 100%);--button: #7da69a;--badge-bg: #695a65;--shadow: rgba(0, 0, 0, .15);--text: #e8e5de;--text-link: #a8c5b8;--text-link-hover: #f4a7b9;--underline: #607c75;--text-light: #3b3b3b;--text-link-light: #6f8778;--text-link-light-hover: #d98b9d;--underline-light: #a8b6a3;--header: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif}html{background:var(--background);background-attachment:fixed;color:var(--text)}html.light{background:var(--background-light);color:var(--text-light)}body{max-width:540px;margin:3rem auto 5rem;padding:0 1rem}h1,h2,h3,h4,h5,h6{font-family:var(--header);font-weight:600;letter-spacing:.03em;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.15);margin-top:2rem;margin-bottom:1rem;line-height:1.4}.light h1,.light h2,.light h3,.light h4,.light h5,.light h6{color:var(--text-light);text-shadow:0 1px 1px rgba(255,255,255,.4)}h1{font-size:2.2rem;margin-top:2.5rem;margin-bottom:1.5rem}h2{font-size:1.8rem;margin-bottom:1.2rem;border-bottom:2px solid rgba(244,167,185,.3);padding-bottom:.5rem}.light h2{border-bottom-color:#d98b9d66}h3{font-size:1.4rem;margin-bottom:.8rem}h4{font-size:1.2rem;margin-bottom:.8rem}h5{font-size:1.1rem;margin-bottom:.6rem}h6{font-size:1rem;margin-bottom:.6rem}p{font-family:var(--body);font-size:1.05rem;hyphens:auto;line-height:1.8;margin:1rem 0;letter-spacing:.2px}small,li{font-family:var(--body);line-height:1.7}ul,ol{margin:1.2rem 0;padding-left:2rem;font-size:1.05rem}li{margin:.6rem 0;line-height:1.8}ul li{list-style-type:disc}ul ul li{list-style-type:circle}ol li{list-style-type:decimal}a{color:var(--text-link);transition:color .3s ease;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--text-link-hover);text-decoration-thickness:2px}.light a{color:var(--text-link-light)}.light a:hover{color:var(--text-link-light-hover)}.navbar{display:grid;grid-template-columns:1fr 1fr;margin-top:.8rem}.navbar__title{font-family:var(--header);font-size:1.3rem}.navbar__title .logo{filter:brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(2596%) hue-rotate(310deg) brightness(103%) contrast(82%)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden}.light .navbar__title .logo{filter:brightness(0) saturate(100%) invert(19%) sepia(0%) saturate(1678%) hue-rotate(179deg) brightness(100%) contrast(86%)}.navbar__menu{font-family:var(--body);font-size:1rem;text-align:right}.navbar__title>a,.navbar__menu>a{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}.light .navbar__title>a:hover,.light .navbar__menu>a:hover,.light .navbar__menu>a:focus{text-decoration:underline var(--underline-light)}table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 3px 8px #00000040,inset 0 1px 1px #ffffff0d;background:linear-gradient(160deg,#2f3540,#252a33);table-layout:fixed;margin:1.5rem 0}@supports (width: 100%){th:nth-child(1),td:nth-child(1){width:10%}th:nth-child(2),td:nth-child(2){width:20%}th:nth-child(3),td:nth-child(3){width:12%}th:nth-child(4),td:nth-child(4){width:12%}th:nth-child(5),td:nth-child(5){width:12%}th:nth-child(6),td:nth-child(6){width:14%}}.light table{background:linear-gradient(160deg,#f5ede0,#e9e0d2);box-shadow:0 2px 6px #00000026,inset 0 1px 1px #fff9}table caption{caption-side:top;padding:.75rem 1.2rem;margin-bottom:0;font-size:1rem;font-weight:600;text-align:left;color:var(--text);background:linear-gradient(145deg,#f4a7b926,#f4a7b914);border-bottom:2px solid rgba(244,167,185,.4);letter-spacing:.3px;white-space:nowrap}.light caption{color:var(--text-light);background:linear-gradient(145deg,#d98b9d1f,#d98b9d0d);border-bottom:2px solid rgba(217,139,157,.5)}thead{background:linear-gradient(145deg,#5f506c,#4e425b)}.light thead{background:linear-gradient(145deg,#dcd2d8,#c9bec6)}th{font-family:var(--header);font-size:.95rem;font-weight:600;color:var(--text);padding:.75rem 1rem;text-align:left;letter-spacing:.5px;border-bottom:2px solid rgba(244,167,185,.3);white-space:normal;line-height:1.5}.light th{color:var(--text-light);border-bottom:2px solid rgba(217,139,157,.3)}tbody tr{border-bottom:1px solid rgba(255,255,255,.08);transition:background-color .2s ease,box-shadow .2s ease}.light tbody tr{border-bottom:1px solid rgba(0,0,0,.08)}tbody tr:hover{background-color:#f4a7b914}.light tbody tr:hover{background-color:#d98b9d14}td:not(:last-child),th:not(:last-child){white-space:normal}td:last-child,th:last-child{white-space:normal}td{padding:.7rem 1rem;color:var(--text);font-size:.95rem;line-height:1.6;overflow-wrap:break-word;word-break:break-word;white-space:normal}.light td{color:var(--text-light)}.badge{display:inline-block;background:linear-gradient(145deg,#5f506c,#4e425b);color:var(--text);border-radius:10px;font-family:var(--body);font-weight:600;font-size:.85rem;padding:.5em .9em;box-shadow:inset 0 1px 1px #ffffff14,0 2px 4px #0003;transition:transform .25s ease,box-shadow .25s ease;line-height:1.5}.badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000040,0 0 6px #f4a7b959}.light .badge{background:linear-gradient(145deg,#dcd2d8,#c9bec6);color:var(--text-light);box-shadow:inset 0 1px 1px #fff9,0 2px 3px #0000001a}.badge__list{list-style:none;padding:0;margin:1rem 0 .5rem;display:flex;flex-wrap:wrap;gap:.7rem}.badge__list>li{list-style:none;margin:0;padding:0}.badge__link{text-decoration:none;font-weight:500}.badge__link:hover{text-decoration:underline;text-underline-offset:3px}.badge__title{font-family:var(--header);font-weight:500;font-size:1rem;margin-bottom:.8rem}.card{list-style:none;display:flex;flex-direction:column;background:linear-gradient(160deg,#2f3540,#252a33);border-radius:6px;box-shadow:0 3px 8px #00000040,inset 0 1px 1px #ffffff0d;padding:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:24ch}.light .card{background:linear-gradient(160deg,#f5ede0,#e9e0d2);box-shadow:0 2px 6px #00000026,inset 0 1px 1px #fff9}.card__link{display:block;text-decoration:none;color:inherit;width:100%;height:100%}.card__img{width:100%;display:block;border-radius:0;margin:0;box-shadow:none;transition:transform .4s ease;object-fit:cover;object-position:center}.card:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000040,0 0 0 2px #f4a7b940}.light .card:hover{box-shadow:0 4px 10px #00000026,0 0 0 2px #d98b9d40}.card:hover .card__img{transform:scale(1.03)}.card__body{padding:1.2rem;text-align:left}.card__title{margin:0 0 .6rem;font-family:var(--header);font-size:1.25rem;font-weight:600;text-align:left;color:#f4a7b9;letter-spacing:.2px;transition:color .3s ease;line-height:1.4}.light .card__title{color:#d98b9d}.card:hover .card__title{color:#f8c1cc}.light .card:hover .card__title{color:#e1a3b1}.card__txt{font-size:.95rem;line-height:1.7;color:inherit;opacity:.9;margin:.6rem 0 0;text-align:left}.card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.8em;font-size:.85rem;opacity:.85;margin-top:.8rem}.card__date{color:var(--text);font-weight:400}.light .card__date{color:var(--text-light)}.card__tags{display:flex;list-style:none;gap:.5em;margin:0;padding:0}.card__tag{background-color:#ffffff26;color:var(--text);border-radius:3px;padding:.2em .6em;font-size:.8rem;font-weight:500;line-height:1.5;list-style:none}.light .card__tag{background-color:#0000000d;color:#333}.link-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0;margin:2rem 0}.link-card-grid .card{width:100%;max-width:none}@media only screen and (max-width:600px){.link-card-grid{grid-template-columns:1fr}}.btn{display:inline-block;text-align:center;border:none;border-radius:12px;background:linear-gradient(145deg,#7da69a,#6a9288);color:var(--text-light);font:600 16px var(--body);margin:1.5rem auto;padding:12px 24px;letter-spacing:.5px;box-shadow:0 3px 6px #00000040,inset 0 1px 1px #ffffff1a;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;line-height:1.5}.btn:hover{background:linear-gradient(145deg,#88b5a7,#7da69a);transform:translateY(-2px);box-shadow:0 6px 12px #00000040,0 0 10px #f4a7b966;cursor:pointer}.light .btn{background:linear-gradient(145deg,#a1c5b7,#8cb5a7);color:var(--text-light);box-shadow:0 2px 4px #00000026,inset 0 1px 1px #fff9}.light .btn:hover{background:linear-gradient(145deg,#b1d0c2,#9dc2b5);color:var(--text);box-shadow:0 5px 10px #0003,0 0 10px #d98b9d66}.pager{display:flex;justify-content:center;align-items:center;gap:.8rem;margin:3rem 0;font-family:var(--body);user-select:none}.pager__list{display:flex;list-style:none;padding:0;margin:0;gap:.5rem}.pager__item{margin:0;padding:0;list-style:none}.pager__link{display:inline-block;padding:.5em 1em;border-radius:6px;font-weight:600;font-size:.95rem;text-decoration:none;background:linear-gradient(145deg,#343a46,#2a2f3a);box-shadow:0 2px 5px #00000040,inset 0 1px 1px #ffffff0d;transition:transform .2s ease,box-shadow .25s ease,background .25s ease;line-height:1.5}.pager__link:hover{transform:translateY(-2px);background:linear-gradient(145deg,#3a414e,#2d333f);box-shadow:0 4px 10px #0000004d,0 0 0 2px #f4a7b94d}.pager__link.is-active{background:linear-gradient(145deg,#f4a7b9,#d98b9d);color:#fff;box-shadow:0 3px 8px #f4a7b959,inset 0 1px 1px #ffffff26;cursor:default;pointer-events:none}.pager__prev,.pager__next{padding:.5em 1em;font-weight:500}.light .pager__link{background:linear-gradient(145deg,#f5ede0,#e9e0d2);box-shadow:0 2px 4px #00000026,inset 0 1px 1px #fff9}.light .pager__link:hover{background:linear-gradient(145deg,#e6dccd,#ded3c4);box-shadow:0 4px 10px #0003,0 0 0 2px #d98b9d40}.light .pager__link.is-active{background:linear-gradient(145deg,#d98b9d,#e1a3b1);color:#fff;box-shadow:0 3px 8px #d98b9d4d,inset 0 1px 1px #ffffff4d}dl{border-radius:12px;padding:1.5rem 2rem;margin:2rem 0;font-family:var(--body)}dt{font-family:var(--header);font-size:1.1rem;font-weight:600;color:#f4a7b9;margin:1.2rem 0 .5rem;padding:0;position:relative;letter-spacing:.5px;line-height:1.5}dt:first-of-type{margin-top:0}dt:after{content:"";position:absolute;bottom:-.2rem;left:0;width:60px;height:2px}dd{margin:.5rem 0 1rem;padding:0;line-height:1.8;color:var(--text);opacity:.95;font-size:1rem}.light dt{color:#d98b9d}.light dd{color:var(--text-light)}.breadcrumb ol{display:flex;gap:.5rem;list-style:none;padding:0;margin:1rem 0;font-size:.9rem;line-height:1.6}.breadcrumb li{list-style:none}.breadcrumb li:not(:last-child):after{content:"›";margin-left:.5rem;color:#666}.tags{display:flex;gap:.7rem;list-style:none;padding:0;margin:1.2rem 0;flex-wrap:wrap}.tags a{background:#f0f0f0;padding:.4rem .8rem;border-radius:1rem;text-decoration:none;font-size:.9rem;line-height:1.5;transition:background .3s ease}.tags a:hover{background:#e0e0e0}blockquote{max-width:500px;padding:1.2rem 1.5em;color:var(--text);margin:2rem 0;font-family:var(--body);font-size:1.05rem;line-height:1.8;background:linear-gradient(transparent 50%,rgba(244,167,185,.4) 50%,rgba(244,167,185,.4) 65%,transparent 65%);border-left:4px solid rgba(244,167,185,.6)}.light blockquote{color:var(--text-light);background:linear-gradient(transparent 50%,rgba(217,139,157,.5) 50%,rgba(217,139,157,.5) 65%,transparent 65%);border-left-color:#d98b9db3}blockquote p{margin:.5rem 0}blockquote cite{display:block;font-style:italic;color:var(--text);opacity:.75;font-size:.9em;text-align:right;margin-top:.8rem}.light blockquote cite{color:var(--text-light)}.fox{margin:20px 0 0;text-align:center}.skills{margin-top:8px}.skills__img{margin:8px 4px}.center{text-align:center}.pro-img{border-radius:16px;margin-top:10px;max-width:100%;height:auto}footer{margin:6rem 0 2rem}.footer__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;transition:border-color .3s ease}.icon__link:hover{border-color:var(--text-link-hover)}.light .icon__link{border:2px solid var(--text-light)}.light .icon__link:hover{border-color:var(--text-link-light-hover)}.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{text-decoration:none}@media only screen and (max-width:600px){body{width:350px}table{max-width:100%;overflow-x:auto;display:inline-block;white-space:nowrap;table-layout:auto;width:auto}td:not(:last-child),th:not(:last-child){white-space:nowrap}td:last-child,th:last-child{white-space:nowrap}th:nth-child(1),td:nth-child(1),th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5),th:nth-child(6),td:nth-child(6){width:auto}table::-webkit-scrollbar{height:6px}table::-webkit-scrollbar-track{background:transparent}table::-webkit-scrollbar-thumb{background:#f4a7b980;border-radius:3px}.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}.pager{flex-wrap:wrap;gap:.4rem}.pager__link{font-size:.9rem;padding:.35em .8em}dl{padding:1.2rem 1.5rem}}