@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap";:root{--bg-primary: #0a0a0c;--bg-secondary: #111116;--bg-card: #16161c;--bg-card-hover: #1c1c24;--border: #2a2a35;--border-subtle: #1e1e28;--text-primary: #e8e6f0;--text-secondary: #8a8898;--text-muted: #5a5868;--accent: #c8a0ff;--accent-dim: #9060cc;--accent-glow: rgba(200, 160, 255, .15);--danger: #ff6b8a;--tag-bg: rgba(200, 160, 255, .08);--tag-border: rgba(200, 160, 255, .2);--font-body: "Zen Kaku Gothic New", sans-serif;--font-heading: "Noto Serif JP", serif;--max-width: 1100px;--radius: 8px;--radius-lg: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.75;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}.site-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.site-header{padding:2rem 0 1rem;border-bottom:1px solid var(--border-subtle);margin-bottom:2.5rem}.site-header__inner{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:.04em;transition:color .2s}.site-title:hover,.site-title span{color:var(--accent)}.site-nav{display:flex;gap:1.5rem;list-style:none}.site-nav a{font-size:.82rem;color:var(--text-secondary);text-decoration:none;letter-spacing:.03em;transition:color .2s}.site-nav a:hover{color:var(--accent)}.hero{text-align:center;padding:3rem 0 2.5rem}.hero__tagline{font-family:var(--font-heading);font-size:1.1rem;color:var(--text-secondary);font-weight:400;letter-spacing:.06em}.hero__notice{margin-top:.75rem;font-size:.78rem;color:var(--text-muted)}.section-heading{font-family:var(--font-heading);font-size:1.05rem;color:var(--text-secondary);font-weight:400;letter-spacing:.05em;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:3rem}.work-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;text-decoration:none;color:inherit;display:block}.work-card:hover{transform:translateY(-3px);border-color:var(--accent-dim);box-shadow:0 8px 32px #0006,0 0 0 1px var(--accent-dim)}.work-card__thumb{aspect-ratio:16 / 10;background:var(--bg-secondary);overflow:hidden;position:relative}.work-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.work-card:hover .work-card__thumb img{transform:scale(1.05)}.work-card__thumb--empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;letter-spacing:.08em}.work-card__body{padding:1rem 1.1rem 1.2rem}.work-card__title{font-family:var(--font-heading);font-size:.95rem;font-weight:700;line-height:1.5;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card__meta{font-size:.78rem;color:var(--text-muted);margin-bottom:.6rem}.work-card__review{font-size:.82rem;color:var(--text-secondary);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.tag{font-size:.72rem;color:var(--accent);background:var(--tag-bg);border:1px solid var(--tag-border);padding:.15rem .55rem;border-radius:100px;letter-spacing:.02em;white-space:nowrap}.work-detail{max-width:780px;margin:0 auto}.work-detail__header{margin-bottom:2rem}.work-detail__title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;line-height:1.5;margin-bottom:.5rem}.work-detail__meta{font-size:.82rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}.work-detail__thumb{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem;background:var(--bg-secondary)}.work-detail__thumb img{width:100%;display:block}.work-detail__thumb--empty{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem}.work-detail__review{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem;position:relative}.work-detail__review:before{content:"❝";position:absolute;top:-.2rem;left:.8rem;font-size:2rem;color:var(--accent-dim);opacity:.4}.work-detail__review p{font-size:.95rem;line-height:1.8;color:var(--text-primary);padding-left:.5rem}.work-detail__description{font-size:.9rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-dim),var(--accent));color:#0a0a0c;font-family:var(--font-body);font-size:.9rem;font-weight:700;padding:.85rem 2rem;border-radius:var(--radius);text-decoration:none;letter-spacing:.03em;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow)}.cta-button:after{content:"→"}.back-link{display:inline-block;font-size:.82rem;color:var(--text-muted);text-decoration:none;margin-bottom:1.5rem;transition:color .2s}.back-link:hover{color:var(--accent)}.back-link:before{content:"← "}.site-footer{margin-top:4rem;padding:1.5rem 0;border-top:1px solid var(--border-subtle);text-align:center}.site-footer p{font-size:.75rem;color:var(--text-muted);letter-spacing:.03em}.site-footer a{color:var(--text-secondary);text-decoration:none}.site-footer a:hover{color:var(--accent)}.prose{max-width:700px;margin:0 auto}.prose h1{font-family:var(--font-heading);font-size:1.3rem;margin-bottom:1.5rem}.prose h2{font-family:var(--font-heading);font-size:1.05rem;margin-top:2rem;margin-bottom:.75rem;color:var(--text-primary)}.prose p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.85}.prose ul{padding-left:1.2rem;margin-bottom:1rem}.prose li{font-size:.88rem;color:var(--text-secondary);margin-bottom:.4rem}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.works-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.work-detail{max-width:100%}.work-detail__review{padding:1rem 1.25rem}}@media(max-width:600px){html{font-size:15px}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.site-wrapper{padding:0 1rem}.site-header{padding:1.25rem 0 .75rem;margin-bottom:1.5rem}.site-header__inner{flex-direction:column;align-items:center;gap:.6rem}.site-title{font-size:1.35rem}.site-nav{gap:1.25rem}.site-nav a{font-size:.85rem;padding:.3rem 0;-webkit-tap-highlight-color:transparent}.hero{padding:1.5rem 0 1.25rem}.hero__tagline{font-size:1rem}.works-grid{grid-template-columns:1fr;gap:1rem}.work-card{display:grid;grid-template-columns:120px 1fr;border-radius:var(--radius)}.work-card__thumb{aspect-ratio:3 / 4;border-radius:var(--radius) 0 0 var(--radius)}.work-card__body{padding:.75rem .85rem;display:flex;flex-direction:column;justify-content:center}.work-card__title{font-size:.88rem;-webkit-line-clamp:2;margin-bottom:.25rem}.work-card__meta{font-size:.72rem;margin-bottom:.35rem}.work-card__review{font-size:.78rem;-webkit-line-clamp:2}.work-card:hover{transform:none}.tags{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.tags::-webkit-scrollbar{display:none}.tag{font-size:.7rem;flex-shrink:0}.section-heading{font-size:.95rem;margin-bottom:1rem}.work-detail__title{font-size:1.15rem}.work-detail__meta{font-size:.78rem;flex-direction:column;gap:.15rem}.work-detail__header{margin-bottom:1.25rem}.work-detail__thumb{border-radius:var(--radius);margin-bottom:1.25rem}.work-detail__review{padding:1rem;margin-bottom:1.25rem}.work-detail__review p{font-size:.88rem}.work-detail__description{font-size:.85rem;margin-bottom:1.5rem}.cta-button{display:flex;width:100%;padding:1rem 1.5rem;font-size:.95rem;border-radius:var(--radius)}.back-link{display:inline-block;padding:.4rem 0;font-size:.85rem;margin-bottom:1rem}.site-footer{margin-top:2.5rem;padding:1.25rem 0}.site-footer p{font-size:.7rem;line-height:1.7}.prose h1{font-size:1.15rem}.prose h2{font-size:.95rem;margin-top:1.5rem}.prose p,.prose li{font-size:.85rem}}@media(max-width:375px){.work-card{grid-template-columns:100px 1fr}.work-card__title{font-size:.82rem}.site-title{font-size:1.2rem}}