:root,[data-theme=natural]{--bg:#faf9f6;--surface:#fff;--surface-alt:#f0f1eb;--text:#343b36;--text-muted:#626b64;--accent:#426b55;--accent-strong:#355b46;--border:#e1e3dc;--shadow:0 6px 20px #0000000a;--radius:12px;--header-bg:#ffffffeb;color-scheme:light}[data-theme=minimal]{--bg:#fff;--surface:#fff;--surface-alt:#f5f5f5;--text:#1a1a1a;--text-muted:#6b6b6b;--accent:#111;--accent-strong:#000;--border:#e4e4e4;--shadow:none;--radius:2px;--header-bg:#ffffffeb;color-scheme:light}[data-theme=pop]{--bg:#fff8ec;--surface:#fff;--surface-alt:#ffe9a8;--text:#2b2340;--text-muted:#5f5578;--accent:#e8478b;--accent-strong:#c2276b;--border:#2b2340;--shadow:4px 4px 0 #2b2340;--radius:16px;--header-bg:#fff8ecf2;color-scheme:light}[data-theme=dark]{--bg:#15191a;--surface:#1e2425;--surface-alt:#252d2e;--text:#e3e8e4;--text-muted:#9aa69d;--accent:#7fc4a0;--accent-strong:#a3dcbc;--border:#323b3c;--shadow:0 6px 20px #0005;--radius:12px;--header-bg:#1e2425eb;color-scheme:dark}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;line-height:1.8;transition:background-color .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.4}h1{font-size:clamp(2rem,5vw,3rem)}img{max-width:100%;height:auto}.site-header{z-index:10;background:var(--header-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:14px 24px;display:flex;position:sticky;top:0}.site-logo{color:var(--accent-strong);font-size:1.2rem;font-weight:700;text-decoration:none}.site-logo:hover{text-decoration:none}.site-nav{flex-wrap:wrap;gap:4px 6px;margin-left:auto;display:flex}.header-actions{align-items:center;gap:8px;display:flex}nav a{color:var(--text-muted);border-radius:999px;padding:4px 12px;font-size:.95rem;text-decoration:none;transition:background-color .15s,color .15s}nav a:hover{color:var(--accent-strong);background:var(--surface-alt)}nav a[aria-current=page]{color:var(--accent-strong);background:var(--surface-alt);font-weight:700}.nav-divider{background:var(--border);align-self:center;width:1px;height:1.1em;margin:0 6px}.theme-toggle{color:var(--text);background:var(--surface);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.85rem;transition:border-color .15s}.theme-toggle:hover{border-color:var(--accent)}.menu-toggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;place-items:center;width:36px;height:32px;padding:0;display:none}.menu-icon,.menu-icon:before,.menu-icon:after{background:var(--text);border-radius:1px;width:16px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-5px}.menu-icon:after{top:5px}[data-menu-open] .menu-icon{background:0 0}[data-menu-open] .menu-icon:before{transform:translateY(5px)rotate(45deg)}[data-menu-open] .menu-icon:after{transform:translateY(-5px)rotate(-45deg)}main{width:min(100% - 32px,1000px);min-height:65vh;margin:40px auto}footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:32px 24px;font-size:.9rem}footer p{margin:4px 0}.article{max-width:760px;margin:0 auto}.article-header{border-bottom:1px solid var(--border);padding-bottom:24px}.article-header h1{color:var(--accent-strong);margin:12px 0;font-size:clamp(1.7rem,4.5vw,2.4rem)}.article-header .badge:hover{border-color:var(--accent);text-decoration:none}.article-lead{color:var(--text-muted);margin:0 0 12px;font-size:1.05rem}.work-hero{object-fit:contain;background:var(--surface-alt);border-radius:var(--radius);width:100%;max-height:560px;margin:32px 0 0;display:block}.work-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:7em 1fr;gap:8px 16px;margin:24px 0 0;padding:16px 20px;display:grid}.work-info dt{color:var(--text-muted);font-size:.9rem}.work-info dd{margin:0}.back-link{border-top:1px solid var(--border);flex-wrap:wrap;gap:4px 12px;margin-top:56px;padding-top:24px;display:flex}.article-body{overflow-wrap:anywhere;margin-top:32px}.article-body h2{border-left:5px solid var(--accent);margin:2.2em 0 .8em;padding-left:14px;font-size:1.45rem}.article-body h3{margin:1.8em 0 .6em;font-size:1.15rem}.article-body p{margin:1.2em 0}.article-body a{text-underline-offset:3px;text-decoration:underline}.article-body ul,.article-body ol{padding-left:1.5em}.article-body li{margin:.4em 0}.article-body li::marker{color:var(--accent)}.article-body blockquote{color:var(--text-muted);background:var(--surface-alt);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;margin:1.5em 0;padding:4px 20px}.article-body code{background:var(--surface-alt);border-radius:4px;padding:2px 6px;font-size:.9em}.article-body pre{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);margin:1.5em 0;padding:16px 20px;line-height:1.6;overflow-x:auto}.article-body pre code{background:0 0;padding:0}.article-body hr{border:0;border-top:1px solid var(--border);margin:2.5em 0}.article-body table{border-collapse:collapse;width:100%;margin:1.5em 0}.article-body th,.article-body td{border:1px solid var(--border);text-align:left;padding:8px 12px}.article-body th{background:var(--surface-alt)}.article-body img{border-radius:8px;margin:24px auto;display:block}@media (width<=600px){main{margin-top:24px;margin-bottom:24px}.site-header{padding:12px 16px}}@media (width<=760px){.site-logo{margin-right:auto}.menu-toggle{display:grid}.site-nav{border-top:1px solid var(--border);flex-direction:column;flex-basis:100%;order:3;margin-left:0;padding-top:8px;display:none}[data-menu-open] .site-nav{display:flex}.nav-divider{width:100%;height:1px;margin:4px 0}.site-nav a{border-radius:var(--radius);padding:10px 12px}}.badge{color:var(--accent-strong);background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.75rem;line-height:1.6;display:inline-block}.hero{background:radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%), var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:56px;padding:56px 32px}.eyebrow{color:var(--accent);letter-spacing:.16em;margin:0;font-size:.8rem;font-weight:700}.hero h1{color:var(--accent-strong);margin:8px 0 16px;font-size:clamp(2rem,6vw,3.4rem);line-height:1.25}.hero p{max-width:36em;color:var(--text-muted)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{color:var(--accent-strong);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:10px 22px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-block}.button:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.button-primary{color:var(--bg);background:var(--accent);border-color:var(--accent)}.section-title{margin:0 0 20px;font-size:1.4rem}.section-title:before{content:"";vertical-align:-.12em;background:var(--accent);border-radius:3px;width:6px;height:1em;margin-right:10px;display:inline-block}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.category-card{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}.category-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-3px)}.category-icon{background:var(--surface-alt);border-radius:var(--radius);place-items:center;width:52px;height:52px;margin-bottom:14px;font-size:1.7rem;display:grid}.category-card h3{color:var(--accent-strong);margin:0 0 4px}.category-card p{color:var(--text-muted);margin:0 0 12px;font-size:.95rem}.category-link{color:var(--accent);font-size:.9rem;font-weight:700}.recent{margin-top:64px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.post-card{height:100%;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:20px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.post-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-3px)}.post-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.post-card h3{color:var(--accent-strong);margin:0;font-size:1.05rem}.post-card p{color:var(--text-muted);margin:0;font-size:.9rem}.more-link{text-align:right;margin-top:20px}@media (width<=800px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.hero{padding:36px 20px}.category-grid,.post-grid{grid-template-columns:1fr}}.page-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px}.page-header h1{color:var(--accent-strong);margin:4px 0 8px}.page-header p:last-child{color:var(--text-muted);margin:0}.empty{color:var(--text-muted);background:var(--surface-alt);border-radius:var(--radius);text-align:center;padding:32px}.post-card h2{color:var(--accent-strong);margin:0;font-size:1.1rem}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.work-card{height:100%;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.work-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-3px)}.work-cover{aspect-ratio:4/3;background:var(--surface-alt);place-items:center;font-size:2.4rem;display:grid}.work-cover img{object-fit:cover;width:100%;height:100%}.work-body{flex-direction:column;gap:8px;padding:16px 20px 20px;display:flex}.work-body h2{color:var(--accent-strong);margin:0;font-size:1.1rem}.work-body p{color:var(--text-muted);margin:0;font-size:.9rem}.badge-status[data-status=completed]{color:var(--bg);background:var(--accent);border-color:var(--accent)}.tag-list{color:var(--text-muted);flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}@media (width<=800px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.work-grid{grid-template-columns:1fr}}.video-embed{aspect-ratio:16/9;background:var(--surface-alt);border-radius:var(--radius);width:100%;margin-top:32px;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.work-info a{overflow-wrap:anywhere}.profile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:24px;padding:28px;display:flex}.profile-avatar{background:var(--surface-alt);border-radius:50%;flex:none;place-items:center;width:96px;height:96px;font-size:2.8rem;display:grid}.profile-body h2{color:var(--accent-strong);margin:0 0 8px}.profile-body p{margin:0 0 16px}.social-list,.footer-links{flex-wrap:wrap;gap:8px 12px;margin:0;padding:0;list-style:none;display:flex}.about-section{margin-top:56px}.interest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.interest-list .category-card{height:100%}.interest-list .category-card p{margin-bottom:0}.about-section .article-body{max-width:720px;margin-top:0}.footer-links{justify-content:center;margin-bottom:12px}@media (width<=600px){.profile{flex-direction:column;padding:20px}.interest-list{grid-template-columns:1fr}}.filter{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-chip{color:var(--text);background:var(--surface);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;transition:background-color .15s,border-color .15s;display:inline-flex}.filter-chip:hover:not(:disabled){border-color:var(--accent)}.filter-chip[aria-pressed=true]{color:var(--bg);background:var(--accent);border-color:var(--accent)}.filter-chip:disabled{opacity:.45;cursor:not-allowed}.filter-count{opacity:.8;font-size:.75rem}.post-grid>li[hidden]{display:none}.tag-links a{color:var(--text-muted)}.tag-links a:hover{color:var(--accent-strong)}ul.filter{margin:0 0 24px;padding:0;list-style:none}a.filter-chip:hover{border-color:var(--accent);text-decoration:none}.related{margin-top:56px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=800px){.related-grid{grid-template-columns:1fr}}.skip-link{z-index:100;color:var(--bg);background:var(--accent-strong);border-radius:var(--radius);padding:8px 16px;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{text-decoration:none;transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}main:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.category-card:hover,.post-card:hover,.work-card:hover,.button:hover{transform:none}}.not-found{text-align:center;padding:40px 0}.not-found h1{color:var(--accent-strong);margin:8px 0 16px}.not-found .hero-actions,.not-found-links{justify-content:center}.not-found-links{margin-top:32px}@media (width>=601px){.category-grid>:last-child:nth-child(odd),.interest-list>:last-child:nth-child(odd){grid-column:1/-1}}.post-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--radius) - 4px);width:100%;margin-bottom:4px}