@font-face { font-family: 'NotoSerifJP'; src: local('Noto Serif CJK JP'); }
:root{
  --ink:#f5f5f5;
  --bg:#000;
}
*{box-sizing:border-box}
html,body{height:100%;}
body{
  margin:0;
  color:var(--ink);
  background: var(--bg) url('./assets/bg_brush_lefttop_v2.png') no-repeat center center fixed;
  background-size: cover;
  font-family: 'NotoSerifJP', 'Yu Mincho', 'Hiragino Mincho ProN', Georgia, serif;
  line-height:1.8;
}
.langs{position:fixed;top:16px;right:16px;display:flex;gap:.5rem;z-index:10}
.langs button{
  background:#111;border:1px solid #444;color:#ddd;padding:.3rem .6rem;border-radius:18px;cursor:pointer;font-size:.85rem
}
.langs button.active{background:#ddd;color:#111;border-color:#ddd}
.container{
  min-height:100%;
  display:flex;align-items:center;justify-content:center;
  padding:8vh 6vw;
  backdrop-filter: none;
  text-align:center;
}
.poem{max-width:52ch;font-size:clamp(18px, 2.8vw, 28px);text-shadow:0 1px 4px rgba(0,0,0,.6)}
.poem .line{display:block;margin:.35em 0;}
/* cache bust helper */