:root { color:#202020; background:#a8f0c9; font-family:"MS PGothic","Osaka",sans-serif; font-size:13px; }
* { box-sizing:border-box; }
body { margin:0; background:#a8f0c9; }
.page { width:100%; min-height:100vh; padding:8px 10px 30px; }
a { color:#0000cc; }
a:visited { color:#551a8b; }
h1 { margin:8px 0 28px; color:#004f42; font-size:32px; text-align:center; }
.notice-box {
  max-width:560px;
  margin:8px auto 12px;
  padding:4px;
  border:3px ridge #ff4fa3;
  background:repeating-linear-gradient(90deg,#004f42 0 18px,#ffef45 18px 36px,#ff4fa3 36px 54px,#fff 54px 72px);
  text-align:center;
  animation:banner-chaka .7s steps(1,end) infinite;
}
.notice-box span {
  display:block;
  padding:7px 10px;
  border:1px solid #fff;
  background:#fffbe5;
  color:#004f42;
  font-size:16px;
  font-weight:bold;
  white-space:nowrap;
  animation:banner-text .7s steps(1,end) infinite;
}
@keyframes banner-chaka {
  50% { border-color:#004f42; background-position:36px 0; }
}
@keyframes banner-text {
  50% { background:#eafff5; color:#d40070; }
}
.menu { padding:5px 0; border-top:1px solid #73c9a4; border-bottom:1px solid #73c9a4; text-align:center; font-size:12px; }
.intro { margin:10px 0 5px; }
.post-form { display:grid; grid-template-columns:6em minmax(0,330px); gap:5px 7px; align-items:start; max-width:460px; margin:8px 0 14px 30px; }
.post-form label { text-align:right; }
.post-form input,.post-form textarea { width:100%; padding:2px 3px; border:2px inset #ddd; border-radius:0; background:#fff; color:#111; font:inherit; }
.post-form textarea { min-height:82px; resize:vertical; }
.post-form .buttons,.post-form .hint { grid-column:2; }
button { padding:2px 12px; font:inherit; }
.error { max-width:620px; margin:8px 0; padding:6px; border:1px solid #c00; background:#fff0f0; color:#c00; }
.pager { padding:7px 0; border-top:1px solid #73c9a4; border-bottom:1px solid #73c9a4; text-align:center; }
.post { padding:9px 4px 12px; border-bottom:1px solid #73c9a4; }
.post-head { margin:0 0 5px; }
.post-title { color:#8b3100; font-weight:bold; }
.post-meta { font-size:11px; }
.post-body { margin:5px 18px 8px; line-height:1.45; white-space:pre-wrap; overflow-wrap:anywhere; }
.post-url { margin-left:18px; font-size:11px; }
.reply { margin-left:8px; }
.delete-form { margin:8px 0 0 18px; font-size:11px; }
.delete-form input { width:90px; font:inherit; }
.delete-form button { padding:1px 6px; }
.privacy-note { margin:18px auto 0; color:#35685c; text-align:center; font-size:10px; line-height:1.5; }
.footer { margin-top:16px; text-align:center; font-size:11px; }
.honeypot { position:absolute; left:-9999px; }
@media (max-width:560px) {
  :root { font-size:12px; }
  .page { padding-inline:6px; }
  .post-form { grid-template-columns:5.5em minmax(0,1fr); margin-left:0; }
  .post-body,.post-url,.delete-form { margin-left:8px; }
  .notice-box span { padding-inline:3px; font-size:clamp(11px,3.4vw,16px); }
}
@media (prefers-reduced-motion:reduce) {
  .notice-box,.notice-box span { animation:none; }
}