:root{
  --bg:#f6f7f9; --paper:#ffffff; --ink:#1f2937; --muted:#6b7280; --line:#e5e7eb;
  --brand:#2f6f6b; --brand-d:#25605c; --sky:#4b6cb7; --navy:#1f3a5f;
  --mint:#2f8f6b; --butter:#fdf3d7; --butter-d:#7a5a12; --rose:#c2410c;
  --radius:12px; --shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
  background:var(--bg);
  line-height:1.6}
.badge{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;padding:2px 10px 2px 8px;border-radius:6px;font-size:13px;white-space:nowrap}
.badge::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;opacity:.85}
.badge.black{background:#34343c}.badge.red{background:#d9604c}.badge.white{background:#8b8f99}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.rise{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-reduced-motion:reduce){.rise{animation:none}}