:root{--bg:#201812;--panel:#2b2118;--panel-light:#37291d;--line:#4a3826;--amber:#f0a832;--amber-deep:#d4881a;--foam:#fff6e0;--text:#f0e7d8;--text-dim:#bfae95;--red:#c9503e}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;line-height:1.9;font-size:16px}a{color:var(--amber);text-decoration:none}a:hover{opacity:.85}img{max-width:100%;height:auto}.container{max-width:860px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);background:rgba(24,17,12,.95);position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-header .inner{max-width:860px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{font-weight:700;font-size:1.05rem;color:var(--foam)}.brand .beer{margin-right:6px}.nav{display:flex;gap:18px;font-size:.92rem}.nav a{color:var(--text-dim)}.nav a:hover{color:var(--amber);opacity:1}.hero{position:relative;text-align:center;padding:64px 0 40px;min-height:560px;overflow:hidden;background-image:url(/images/izakaya-bg.jpg);background-size:cover;background-position:bottom}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,11,6,.72),rgba(18,11,6,.45) 45%,rgba(18,11,6,.25))}.hero-content{position:relative;z-index:2}.hero .tagline,.hero h1{text-shadow:0 2px 10px rgba(0,0,0,.8)}.hero-mole-area{position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.mole-chara{position:absolute;bottom:0;width:180px;transform:translateY(105%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.mole-chara.is-up{transform:translateY(12%)}.hero h1{font-size:1.7rem;color:var(--foam);letter-spacing:.04em;margin-bottom:10px}.hero .tagline{color:var(--text-dim);font-size:.98rem}.hero .philosophy{margin:22px auto 0;display:inline-block;padding:10px 22px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--amber);font-size:.92rem;font-weight:700}.btn-row{display:flex;gap:14px;justify-content:center;margin-top:26px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 26px;border-radius:8px;font-weight:700;font-size:.95rem}.btn-youtube{background:var(--red);color:#fff}.btn-line{background:#1fb84a;color:#fff}.btn-ghost{border:1px solid var(--amber);color:var(--amber)}.btn-disabled{opacity:.45;cursor:default}.youtube-preparing{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.btn-row{align-items:flex-start}.preparing-note{font-size:.78rem;color:var(--text-dim)}.section{padding:48px 0}.section h2{font-size:1.25rem;color:var(--foam);margin-bottom:24px;padding-left:14px;border-left:4px solid var(--amber)}.post-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin-bottom:16px;transition:border-color .2s,transform .2s}.post-card:hover{border-color:var(--amber);transform:translateY(-2px);opacity:1}.post-card .meta{font-size:.82rem;color:var(--text-dim);margin-bottom:6px}.post-card .meta .no{display:inline-block;background:var(--amber);color:#241a10;font-weight:700;border-radius:4px;padding:1px 8px;margin-right:10px}.post-card h3{color:var(--foam);font-size:1.05rem;margin-bottom:8px}.post-card p{color:var(--text-dim);font-size:.92rem}.article-header{padding:44px 0 8px}.article-header .meta{color:var(--text-dim);font-size:.88rem;margin-bottom:10px}.article-header .meta .no{display:inline-block;background:var(--amber);color:#241a10;font-weight:700;border-radius:4px;padding:1px 10px;margin-right:10px}.article-header h1{font-size:1.45rem;color:var(--foam);line-height:1.6}.article-header .subtitle{color:var(--text-dim);font-size:.9rem;margin-top:8px}.article-body{padding:24px 0 48px}.toc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin-bottom:28px}.toc-title{color:var(--amber);font-weight:700;font-size:.9rem;margin-bottom:8px}.toc ul{list-style:none}.toc li{color:var(--text-dim);font-size:.9rem;padding:3px 0}.toc li:before{content:"🍺 ";font-size:.8rem}.article-body h2{font-size:1.12rem;color:var(--amber);margin:36px 0 14px;padding-left:12px;border-left:4px solid var(--amber)}.article-body p{margin-bottom:18px;white-space:pre-line}.article-cta{margin-top:40px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px;text-align:center}.article-cta p{color:var(--text-dim);font-size:.92rem;margin-bottom:16px}.profile-grid{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}.profile-grid .chara{width:180px;flex-shrink:0;margin:0 auto}.profile-grid .bio{flex:1 1;min-width:260px}.profile-grid .bio p{margin-bottom:16px;white-space:pre-line}.site-footer{border-top:1px solid var(--line);padding:36px 20px;text-align:center;color:var(--text-dim);font-size:.85rem}.site-footer .philosophy{color:var(--amber);font-weight:700;margin-bottom:10px}@media (max-width:600px){.hero h1{font-size:1.35rem}.hero .chara{width:160px}.nav{gap:12px;font-size:.85rem}}