:root {
  --bg:#f3f0e9; --surface:#fffdf8; --surface2:#f8f4eb; --ink:#22272b; --muted:#70736f;
  --navy:#16202a; --navy2:#243241; --gold:#a9874f; --gold2:#d7c6a4; --line:#ddd5c5;
  --green:#52675a; --shadow:0 14px 34px rgba(24,31,38,.08);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{
  font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  margin:0; padding:24px clamp(10px,2.5vw,30px) 60px; color:var(--ink); min-height:100vh;
  background:radial-gradient(circle at 20% -10%,rgba(169,135,79,.12),transparent 30%),linear-gradient(180deg,#f7f4ee 0%,var(--bg) 38%,#efebe2 100%);
}
body:before{
  content:"BRAINROBOT · BIBLE STUDY"; display:block; max-width:1180px; margin:0 auto 18px; padding:0 4px 14px;
  border-bottom:1px solid var(--gold2); color:var(--gold); font:700 .72rem/1.2 Georgia,"Times New Roman",serif; letter-spacing:.18em;
}
form{margin:0 auto; padding:0; max-width:1180px}
.total{width:100%; margin:0 0 18px; padding:0; border-collapse:separate; border-spacing:7px; background:rgba(255,253,248,.78); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow)}
.total tr{height:44px}.total td{padding:7px; vertical-align:middle; border:0; background:transparent}
select{
  width:100%; min-width:56px; height:44px; padding:0 34px 0 12px; border:1px solid #cfc5b2; border-radius:9px;
  background:var(--surface); color:var(--navy); text-align:center; font:700 .95rem/1 "Noto Sans KR","Malgun Gothic",sans-serif;
  outline:none; transition:.2s ease; box-shadow:0 2px 8px rgba(24,31,38,.03);
}
select:hover,select:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(169,135,79,.12)}
select>option:checked{color:var(--navy); font-weight:700}
.container{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; padding:8px 0 18px}
.Ftool{
  width:100%; margin:0 auto; padding:26px; border:1px solid var(--line); border-radius:16px; display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; background:rgba(255,253,248,.92); box-shadow:var(--shadow);
}
.Ftool div{
  min-width:0; min-height:92px; margin:0; padding:17px 18px; display:flex; align-items:center; justify-content:center;
  text-align:center; border:1px solid #ded5c4; border-radius:11px; background:linear-gradient(180deg,#fffefb,#f8f3e9);
  color:var(--navy); font-size:.9rem; line-height:1.5; font-weight:700; cursor:pointer; transition:.2s ease;
  box-shadow:0 5px 14px rgba(24,31,38,.05);
}
.Ftool div:hover{transform:translateY(-3px); border-color:var(--gold); background:#fffdf8; color:#6c5430; box-shadow:0 10px 22px rgba(24,31,38,.10)}
.bbtt,.h1{display:flex; align-items:center; justify-content:center; text-align:center; border-radius:9px; cursor:pointer; flex-direction:column}
.bbtt{width:116px; height:44px; white-space:nowrap; border:1px solid #314252; background:var(--navy); color:#f7f0e4; font:700 .75rem/1.2 sans-serif; transition:.2s ease}
.bbtt:hover{background:var(--navy2); border-color:var(--gold); transform:translateY(-1px)}
.bbt1,.bbt2,.bbt3{display:flex; align-items:center; justify-content:center; float:left; width:112px; height:64px; margin:4px; border-radius:10px; text-align:center; font:700 .9rem sans-serif; cursor:pointer; background:var(--surface); color:var(--navy); transition:.2s ease; box-shadow:0 4px 12px rgba(24,31,38,.04)}
.bbt1{border:1px solid #cdbf9f}.bbt2{border:1px solid #aeb9c2}.bbt3{border:1px solid #c5b8ca}
.bbt1:hover,.bbt2:hover,.bbt3:hover{background:var(--navy); color:#fff8e9; border-color:var(--gold); transform:translateY(-2px)}
.checked{background:var(--green)!important;color:#fff!important}
.header{width:min(920px,100%); margin:8px auto 16px; padding:12px 16px; border:1px solid #324252; border-left:4px solid var(--gold); border-radius:10px; background:var(--navy); color:#f7f0e4; text-align:center; font:700 clamp(1.05rem,2vw,1.35rem)/1.35 Georgia,"Times New Roman",serif; cursor:pointer}
.mainbox{width:100%; min-height:calc(100vh - 240px); border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:var(--shadow)}
.mainbox tr:nth-child(even){background:#faf7f1}.mainbox td{padding:13px; vertical-align:top; border-bottom:1px solid #ece5d9}.mainbox tr:last-child td{border-bottom:0}.mainbox td:first-child{width:70%}.wrapper{height:20px}
.mainbox textarea{width:100%; min-height:100%; padding:11px; resize:none; overflow:hidden; border:1px solid #d8cfbf; border-radius:8px; background:#fbf8f2; color:var(--ink); font:400 .92rem/1.55 Arial,sans-serif; outline:none}.mainbox textarea:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(169,135,79,.10)}
input[type="button"]{width:38px; height:28px; border:0; border-radius:7px; background:var(--navy); color:#fff; font-weight:700}
input[type="checkbox"]{cursor:pointer; appearance:none; width:17px; height:17px; margin:0 8px; vertical-align:-3px; border:1px solid #bfb6a6; border-radius:4px; background:#fff; position:relative}
input[type="checkbox"]:checked{background:var(--green); border-color:var(--green)}
input[type="checkbox"]:checked:after{content:"✓"; position:absolute; inset:-2px 0 0; color:#fff; text-align:center; font-size:13px; font-weight:700}
input:checked~label{background:#f0ece4; border-radius:5px}
label{padding:3px 4px; font:600 .98rem/1.6 "Noto Sans KR","Malgun Gothic",sans-serif; white-space:normal; overflow-wrap:break-word}
h1{color:var(--navy);text-align:center;font-family:Georgia,"Times New Roman",serif}h2,h3{color:var(--navy2)}
footer{max-width:1180px; margin:28px auto 0; padding-top:17px; border-top:1px solid var(--gold2); text-align:center; color:var(--muted); font-size:.74rem; line-height:1.7}
@media(max-width:768px){
  body{padding:14px 7px 42px}body:before{font-size:.6rem;margin-bottom:10px}.total{border-spacing:3px;border-radius:10px}.total td{padding:3px}.bbtt{width:78px;height:40px;font-size:.62rem}select{height:40px;padding:0 5px;font-size:.72rem}.container{gap:7px}.Ftool{padding:12px;grid-template-columns:1fr 1fr;gap:8px}.Ftool div{min-height:76px;padding:10px 8px;font-size:.72rem}.bbt1,.bbt2,.bbt3{width:calc(25% - 8px);min-width:58px;height:54px;margin:4px;font-size:.75rem}.header{font-size:1rem;margin-top:4px}.mainbox{display:block;overflow-x:auto}.mainbox td{padding:8px}.mainbox td:first-child{width:62%;min-width:260px}.mainbox textarea{font-size:.8rem;min-width:170px}label{font-size:.82rem}footer{font-size:.62rem}}
@media(max-width:480px){.Ftool{grid-template-columns:1fr}.bbt1,.bbt2,.bbt3{width:calc(33.333% - 8px)}}
@media print{body{background:#fff;padding:0}body:before{display:none}.Ftool,.mainbox,.total{box-shadow:none}footer{color:#555}}