:root{font-family: system-ui, -apple-system, Segoe UI, Roboto, 'Noto Sans JP', sans-serif;}
body{margin:0;background:#f6f7f9;color:#111;}
.container{max-width:780px;margin:0 auto;padding:20px;}
.card{background:#fff;border-radius:16px;padding:18px;margin:12px 0;box-shadow:0 4px 14px rgba(0,0,0,.06);}
h1,h2,h3{margin:0 0 10px 0;}
.small{font-size:12px;color:#666}
row{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid #ddd;background:#111;color:#fff;text-decoration:none;cursor:pointer}
.btn.secondary{background:#fff;color:#111}
.btn.ghost{background:transparent;color:#111;border:1px dashed #ccc}
.input, textarea, select{width:100%;padding:10px;border-radius:12px;border:1px solid #ddd;font-size:14px;box-sizing:border-box}
textarea{min-height:120px}

.stars{display:flex;gap:10px;justify-content:center;margin:14px 0}

.stars{
  display:flex;
  gap:10px;
  width:100%;
  justify-content:space-between; /* ←centerをやめる */
  margin:14px 0;
}

.stars{
  display:flex;
  gap:10px;
  width:100%;
  justify-content:space-between;
  margin:14px 0;
}

.starbtn{
  flex:1 1 0;
  min-width:0;

  height:52px;
  padding:0 6px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-family: system-ui, -apple-system, "Segoe UI", "Noto Sans JP", sans-serif;
  font-size:22px;
  font-weight:700;
  line-height:1;

  color:#111 !important;
  background:#fff !important;

  border:1px solid #ddd;
  border-radius:14px;

  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
}


.divider{height:1px;background:#eee;margin:16px 0}
.notice{background:#fff7ed;border:1px solid #fed7aa;padding:12px;border-radius:14px}
.muted-link{color:#6b7280;text-decoration:underline}