@layer reset,tokens,base,article,components,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer tokens{:root{--color-black: #000;--color-near-black: #0a0a0a;--color-young-grass: #dcedc8;--color-aqua: #b2ebf2;--color-gray-60: rgb(60, 60, 60);--color-white: #fff;--color-tag-art: #f8bbd0;--color-tag-hack: #ffea4d;--color-tag-fushigi: #bbdefb;--color-tag-movie: #ff9a29;--color-tag-music: #d4e157;--bg-color: var(--color-near-black);--text-color: var(--color-young-grass);--accent-color: var(--color-young-grass);--link-color: var(--color-aqua);--bg-color-1: var(--color-gray-60);--max-width: 50rem;--header-height: 2rem;--radius-sm: 3px;--radius-md: 4px;--radius-lg: .5rem;--radius-pill: 1rem}}@layer base{html{font-feature-settings:"palt" 1;-webkit-text-size-adjust:100%;scroll-padding-top:3rem}body{background:var(--bg-color);color:var(--text-color);font-family:Helvetica Neue,Arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:1rem;line-height:1.5;min-height:100vh;padding-top:var(--header-height)}a{color:var(--link-color);text-decoration:none;border-bottom:.05rem solid}a:hover{opacity:.5}}@layer article{article{margin:1rem 0 2rem}article h1{position:relative;background-color:var(--accent-color);color:var(--bg-color);padding:.3rem 0;margin:3rem 0 1rem;font-size:1.5rem;font-weight:700;box-shadow:0 0 0 7px var(--accent-color)}article h1:after{position:absolute;content:"";left:-.5rem;top:-.5rem;border-width:0 0 1rem 1rem;border-style:solid;border-color:var(--bg-color) var(--bg-color) var(--accent-color);box-shadow:1px 1px 1px #00000080}article h2{position:relative;margin:2rem 0 1rem;padding:.4rem .85rem;font-size:1.5rem;font-weight:700;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-left:4px solid var(--accent-color);border-radius:0 var(--radius-md) var(--radius-md) 0}article h3{color:var(--text-color);position:relative;margin:2rem 0 1rem;padding:0 0 0 .7rem;font-size:1.3rem;border-left:3px solid color-mix(in srgb,var(--accent-color) 55%,transparent)}article p{padding:.5rem}article img{display:block;max-width:100%;height:auto;margin:1.5rem auto}article img.img-portrait{max-height:34rem;width:auto}article img.img-square{max-width:24rem;width:auto}article blockquote{border-left:.1rem solid;padding:0 .25rem;margin:.25rem .5rem;font-size:.75rem;font-style:italic}article pre{background:var(--bg-color-1);padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin:.75rem 0;font-size:.9rem}article code{font-family:SF Mono,Fira Code,monospace;font-size:.9em}article :not(pre)>code{color:#ff6b6b;background:#87837833;padding:.15em .4em;border-radius:var(--radius-md);font-style:normal;overflow-wrap:anywhere;word-break:normal}.code-block{position:relative;margin:.75rem 0}.code-block>pre.astro-code{margin:0;padding-top:2.5rem}.code-copy-btn{position:absolute;top:.6rem;right:.6rem;font:inherit;font-size:.7rem;line-height:1;padding:.3rem .6rem;color:var(--text-color);background:var(--bg-color-1);border:1px solid var(--accent-color);border-radius:var(--radius-sm);cursor:pointer;opacity:.7;transition:opacity .15s,background .15s,color .15s}.code-block:hover .code-copy-btn,.code-copy-btn:focus-visible{opacity:1}.code-copy-btn.copied{color:var(--bg-color);background:var(--accent-color);opacity:1}.code-copy-btn.failed{color:#e0a3a3;border-color:#e0a3a3;opacity:1}article ul,article ol{padding-left:1.5rem;margin:.5rem 0}article li{margin:.25rem 0}article hr{border:none;border-top:.1rem solid var(--accent-color);width:100%;margin-top:1.5rem;margin-bottom:1.5rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.75rem 0;scrollbar-width:thin;scrollbar-color:var(--bg-color-1) transparent}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:var(--bg-color-1);border-radius:4px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#5a5a5a}article table{width:100%;border-collapse:collapse;margin:0}article th,article td{border:1px solid var(--bg-color-1);padding:.5rem;text-align:left}article th{word-break:keep-all}article td{white-space:nowrap}.embed-wrapper{position:relative;width:100%;max-width:100%;margin:.75rem auto;aspect-ratio:16 / 9}.embed-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none}article iframe{min-width:20rem;width:70vw;aspect-ratio:16 / 9;border:none;margin:.75rem auto;display:block}article img+em,.image-caption{display:block;text-align:center;font-size:.75rem;opacity:.7;margin-top:-.25rem;margin-bottom:.5rem}article figure{margin:1.5rem auto}article figure img{margin-block:0}article figure .image-caption{margin-top:.4rem}article u{text-underline-offset:4px;text-decoration-thickness:2px}.callout{position:relative;min-height:3.75rem;margin:1rem 0;padding:.7rem .75rem .6rem 3.5rem;border:none;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent-color) 7%,var(--bg-color));box-shadow:inset 0 1px color-mix(in srgb,var(--accent-color) 22%,transparent),0 1px 1px #00000080,0 6px 16px -8px #0000008c}.callout:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-color) 38%,transparent) 18%,color-mix(in srgb,var(--accent-color) 38%,transparent) 82%,transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;pointer-events:none}.callout-warn{background:color-mix(in srgb,#e0a82e 9%,var(--bg-color));box-shadow:inset 0 1px color-mix(in srgb,#e0a82e 30%,transparent),0 1px 1px #00000080,0 6px 16px -8px #0000008c}.callout-warn:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,#e0a82e 45%,transparent) 18%,color-mix(in srgb,#e0a82e 45%,transparent) 82%,transparent)}.callout .callout-icon{position:absolute;margin:0;top:.65rem;left:.5rem;max-width:2.5rem;max-height:2.5rem;width:2.5rem;height:2.5rem;font-size:1.75rem;line-height:2.5rem;filter:saturate(1.05) drop-shadow(0 1px 2px rgb(0 0 0 / .6))}.callout .callout-avatar{object-fit:contain}.callout>:first-child{margin-top:0}.callout p{padding:.1rem 0 0;color:color-mix(in srgb,var(--text-color) 94%,transparent);line-height:1.55}@media(max-width:640px){article h1{font-size:1.3rem}article h2{font-size:1.2rem}article h3{font-size:1.1rem}article iframe{width:100%;min-width:auto}}}@layer components{.site-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 .5rem}.skip-link{position:absolute;left:.5rem;top:-3rem;z-index:100;padding:.4rem .75rem;background:var(--bg-color-1);color:var(--text-color);border:1px solid var(--accent-color);border-radius:var(--radius-sm, 4px);transition:top .15s ease}.skip-link:focus{top:.5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;background:var(--bg-color);box-shadow:var(--accent-color) 0 1px 0}.site-header-inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 .5rem}.site-header .logo a{color:var(--text-color);font-weight:700;font-size:1rem;border-bottom:none}.site-header .logo img.header-logo{height:1.2rem;vertical-align:middle}.site-header nav .search-icon{display:inline-flex;align-items:center;vertical-align:middle}.site-header nav{display:flex;gap:1rem;margin-right:1rem}.site-header nav a{color:var(--text-color);font-size:1rem;font-weight:400;border-bottom:none}.site-header nav a:hover{opacity:.5}.page-title{padding:.25rem;margin:.5rem 0;line-height:2rem;font-size:1.75rem;font-weight:700}.post-meta{font-size:.85rem;margin:.5rem 0 1rem;padding:0 .5rem;display:flex;flex-wrap:wrap;gap:.25rem .75rem}.post-meta .meta-date:before{content:"🗓️";padding-right:.5rem}.post-meta .meta-updated:before{content:"🔄";padding-right:.5rem}.post-meta .meta-tags:before{content:"🔖️";padding-right:.5rem}.post-meta .tag{color:var(--bg-color);font-size:.75rem;background:var(--accent-color);padding:.1rem .4rem;border-radius:var(--radius-sm);margin-right:.25rem}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0;padding:16px 1px 4px;border-top:none}.gallery-card{display:flex;flex-direction:row;height:88px;background:var(--bg-color-1);border:none;border-radius:var(--radius-sm);overflow:hidden;color:var(--text-color);box-shadow:#0f0f0f1a 0 0 0 1px,#0f0f0f1a 0 2px 4px}.gallery-card:hover{opacity:.7}.gallery-card-cover{flex:0 0 109px;overflow:hidden;background:var(--bg-color)}.gallery-card-cover img{width:100%;height:100%;object-fit:cover}.gallery-card-body{flex:1 1 auto;padding:4px 10px;overflow:hidden;display:flex;flex-direction:column}.gallery-card-title{display:block;font-size:14px;font-weight:500;line-height:1.3}.gallery-card-date{font-size:12px;color:var(--text-color);line-height:1.4}.gallery-card-tags{padding-top:.25rem;display:flex;flex-wrap:wrap;gap:.25rem}.gallery-card-tags .tag{font-size:.5rem;background:var(--accent-color);color:var(--bg-color);padding:.05rem .3rem;border-radius:var(--radius-sm)}.tag[data-tag=アート]{background:var(--color-tag-art)}.tag[data-tag=ハック]{background:var(--color-tag-hack)}.tag[data-tag=フシギ]{background:var(--color-tag-fushigi)}.tag[data-tag=映画]{background:var(--color-tag-movie)}.tag[data-tag=音楽]{background:var(--color-tag-music)}.btn-viewall{box-sizing:content-box;background-color:var(--accent-color);border-radius:var(--radius-pill);display:flex;justify-content:center;align-items:center;padding:1rem 2rem;width:240px;height:16px;margin:1rem auto;color:var(--bg-color);font-weight:700;border-bottom:none}.btn-viewall:hover{opacity:.7}.toc{border-left:.25rem solid var(--accent-color);margin:1rem 0;padding:0}.toc:before{display:block;content:" 目次 ";background-color:var(--accent-color);color:var(--bg-color);font-size:1.15rem;margin-bottom:.25rem;font-weight:700;text-align:center}.toc a{color:var(--link-color);margin-left:.5rem;font-size:.75rem}.bookmark{display:flex;margin:1rem 0;height:5rem;border:1px solid var(--bg-color-1);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--text-color)}.bookmark:hover{opacity:.5}.bookmark-text{flex:4 1 100%;min-width:0;padding:.5rem .75rem;display:flex;flex-direction:column;justify-content:center;gap:.3rem}.bookmark-title{font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookmark-desc{font-size:.8rem;opacity:.75;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.bookmark-host{font-size:.75rem;opacity:.6}.bookmark-image{flex-shrink:0;width:8.9rem;height:100%;object-fit:cover}@media(max-width:640px){.bookmark-image{width:6rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footnotes{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--bg-color-1);font-size:.85rem;opacity:.85}.footnotes ol{margin:0;padding-left:1.5rem}.footnotes li{margin:.3rem 0}.footnotes li p{margin:0}.data-footnote-backref{margin-left:.3rem;text-decoration:none}.site-footer{margin-top:52px;padding:6px 0 18px;border-top:1.5px inset var(--accent-color);font-size:16px;line-height:1.5;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.site-footer a{color:var(--text-color);border-bottom:none}.site-footer p{margin-top:8px;padding:8px;font-size:8px;line-height:1.5}.share-btn{color:var(--color-white);background-color:var(--color-black);border-radius:var(--radius-pill);border:1px solid var(--color-white);padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;margin:1rem 0;border-bottom:1px solid var(--color-white)}.share-btn:hover{opacity:.5}.score-badge{display:inline-block;background:var(--accent-color);color:var(--bg-color);font-weight:700;font-size:1.2rem;padding:.25rem .75rem;border-radius:var(--radius-md);margin:.25rem 0}.page-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cat-cover{width:100vw;margin-left:calc(-50vw + 50%);height:16rem;overflow:hidden;display:flex;align-items:center}.cat-cover img{width:100%;height:100%;object-fit:cover}.cat-callout{position:relative;min-height:3.75rem;margin:1rem 0;padding:.5rem .5rem .5rem 3.5rem;border:none;border-radius:var(--radius-lg);background-color:var(--bg-color-1)}.cat-callout-icon{position:absolute;margin:0;top:.5rem;left:.5rem;max-width:2.5rem;max-height:2.5rem;width:2.5rem;height:2.5rem;object-fit:contain}.cat-callout p{padding:.5rem 0 0}.subcat-grid{display:flex;gap:1rem;margin:1rem 0}.subcat-card{flex:1;color:var(--text-color);border-bottom:none;text-align:center}.subcat-card:hover{opacity:.6}.subcat-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md)}.subcat-card span{display:block;font-size:.85rem;margin-top:.25rem}.cat-section-heading{position:relative;margin:2rem 0 1rem;font-size:1.5rem;font-weight:700;color:var(--text-color);padding-bottom:.6rem}.cat-section-heading:after{content:"";position:absolute;left:0;bottom:-.4rem;width:100%;height:.5rem;background:repeating-linear-gradient(-45deg,transparent,transparent .2rem,var(--accent-color) .2rem,var(--accent-color) .4rem)}@media(max-width:640px){.site-header .logo a{font-size:.85rem}.page-title{font-size:1.3rem;line-height:1.6rem}.gallery-grid{grid-template-columns:1fr;gap:.5rem}.cat-cover{height:10rem}.subcat-grid{gap:.5rem}.subcat-card span{font-size:.7rem}}}