:root { color-scheme: light; }
[hidden] { display: none !important; }
body { font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif; margin: 0; color: #111; background: #f6f4ef; }
main { max-width: 960px; margin: 0 auto; padding: 1.25rem; }
.hero p { font-size: 1.05rem; line-height: 1.55; }
form { display: grid; gap: 0.75rem; margin: 1.5rem 0; }
input, select, button { font-size: 1rem; padding: 0.65rem 0.75rem; border-radius: 6px; border: 1px solid #ccc; }
button { background: #0b6e4f; color: #fff; border: 0; }
button:disabled { opacity: 0.6; }
#form-error { color: #8a1f11; }
#notice { color: #0b6e4f; }
#owner-confirm > p { color: #8a1f11; }
#empty { color: #444; }
#board { display: grid; gap: 1rem; }
#master { display: grid; grid-template-columns: max-content 1fr; gap: 0.35rem 1rem; margin: 0; }
#master dt { color: #555; }
#master dd { margin: 0; }
.recs { order: -1; }
.layer { background: #fff; padding: 1rem 1.25rem; border-radius: 8px; border: 1px solid #e4dfd4; margin: 1rem 0; }
.layer h2 { margin: 0 0 0.5rem; font-size: 1.1rem; }
.layer > p { margin: 0 0 0.75rem; color: #444; line-height: 1.5; }
.layer dl { display: grid; grid-template-columns: max-content 1fr; gap: 0.35rem 1rem; margin: 0; }
.layer dt { color: #555; }
.layer dd { margin: 0; }
.layer-c { border-color: #c9b896; }
.audit-slots { display: grid; gap: 0.75rem; }
.audit-slots label { display: grid; gap: 0.35rem; }
.share { background: #fff; padding: 0.85rem 1rem; border-radius: 8px; }
@media (min-width: 960px) {
  #board { grid-template-columns: 1fr 1fr; }
  .recs { order: 0; }
}
iframe { width: 100%; min-height: 240px; border: 1px solid #ddd; background: #fff; }