:root{--ink:#25211d;--cork:#c7965b;--red:#8f2530;--green:#204a38;--gold:#e0b03f;--shadow:0 12px 28px rgba(37,26,15,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;background:#f4efe7}button,input,select,textarea{font:inherit}button{cursor:pointer}
.hero{background:linear-gradient(rgba(20,47,36,.94),rgba(20,47,36,.94)),radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 0 2px,transparent 3px);color:#fff;padding:64px 20px 52px;text-align:center}
.hero__inner{max-width:760px;margin:auto}.eyebrow{margin:0 0 8px;text-transform:uppercase;font-weight:800;letter-spacing:.14em;font-size:.78rem}
h1,h2{margin:.2em 0}h1{font-family:"Permanent Marker",cursive;font-size:clamp(3rem,9vw,6rem);font-weight:400}.hero__copy{font-size:1.08rem;line-height:1.65;max-width:650px;margin:0 auto 24px;color:#f4efe6}
.primary-btn{border:none;border-radius:999px;padding:14px 22px;background:var(--gold);color:#17130c;font-weight:800;box-shadow:0 6px 0 rgba(0,0,0,.16)}.primary-btn:hover{transform:translateY(-1px)}.primary-btn.full{width:100%;margin-top:6px}
.toolbar{max-width:1120px;margin:28px auto 24px;padding:0 20px;display:grid;grid-template-columns:1fr auto;gap:12px}.search-wrap{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:0 18px;border:1px solid #ded5c8}.search-wrap input{width:100%;border:none;outline:none;padding:15px 0;background:transparent}.toolbar select{border:1px solid #ded5c8;border-radius:18px;background:#fff;padding:0 16px}
.board{max-width:1220px;min-height:620px;margin:0 auto 50px;padding:48px 42px 70px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;gap:46px 34px;background-color:var(--cork);background-image:radial-gradient(circle at 15px 15px,rgba(103,65,29,.14) 0 1.1px,transparent 1.3px),radial-gradient(circle at 7px 8px,rgba(255,255,255,.12) 0 1px,transparent 1.2px);background-size:22px 22px,17px 17px;border:14px solid #6f4b2a;border-radius:14px;box-shadow:inset 0 0 0 4px #a97644,var(--shadow)}
.note{position:relative;min-height:290px;padding:48px 28px 26px;box-shadow:0 13px 22px rgba(65,45,21,.22);transform:rotate(var(--tilt));transition:.18s ease}.note:hover{transform:rotate(0deg) translateY(-4px);z-index:2}.note::before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;top:14px;left:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#ff6b6b 0 15%,#c91928 45%,#72040b 100%);box-shadow:0 5px 5px rgba(0,0,0,.24)}
.note[data-color="yellow"]{background:#ffea75}.note[data-color="blue"]{background:#cde8fb}.note[data-color="green"]{background:#d8f1bf}.note[data-color="pink"]{background:#ffd1e4}.note[data-color="cream"]{background:#fff4ca}
.note__category{display:inline-block;color:#6e1c25;text-transform:uppercase;font-family:"Permanent Marker",cursive;font-size:.85rem;letter-spacing:.04em;border-bottom:2px solid #6e1c25;margin-bottom:16px}.note__text{white-space:pre-wrap;line-height:1.6;font-size:1rem}.note__author{font-weight:800;margin:22px 0 0}
.note__actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid rgba(0,0,0,.12)}.prayed-btn{border:1px solid rgba(0,0,0,.2);background:rgba(255,255,255,.42);border-radius:999px;padding:8px 12px;font-weight:700}.prayed-btn[disabled]{opacity:.7;cursor:default}.prayed-count{font-size:.86rem;font-weight:700;opacity:.7}
.empty-state{text-align:center;padding:40px 20px 80px}footer{padding:30px 20px 46px;text-align:center;color:#5b544c;font-style:italic}
.modal{border:none;border-radius:24px;width:min(660px,calc(100% - 28px));padding:0;box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal::backdrop{background:rgba(14,18,16,.7);backdrop-filter:blur(2px)}.modal form{padding:34px}.modal h2{font-size:2rem}.modal__intro{line-height:1.55;color:#625d55}.close-btn{float:right;border:none;background:#eee7dc;width:38px;height:38px;border-radius:50%;font-size:1.5rem}
.modal label:not(.radio-row):not(.check-row){display:block;font-weight:750;margin:18px 0 6px}.modal input[name="name"],.modal select,.modal textarea{width:100%;margin-top:7px;border:1px solid #cec6ba;border-radius:12px;padding:12px 13px;background:#fff}.modal textarea{resize:vertical}
fieldset{border:1px solid #d8d0c4;border-radius:14px;margin:18px 0;padding:14px}legend{font-weight:800;padding:0 6px}.radio-row,.check-row{display:flex!important;gap:10px;align-items:flex-start;margin:10px 0!important;font-weight:500!important}.radio-row input,.check-row input{margin-top:3px}.radio-row small{display:block;color:#6b655d;margin-top:2px}.form-status{min-height:1.2em;text-align:center;font-weight:700}
@media(max-width:700px){.toolbar{grid-template-columns:1fr}.toolbar select{padding:14px 16px}.board{margin-left:12px;margin-right:12px;border-width:9px;padding:38px 24px 58px;grid-template-columns:1fr}.hero{padding-top:48px}}

/* Lannius identity */
.church-logo{
  display:block;
  width:min(650px,92%);
  max-height:230px;
  object-fit:contain;
  margin:0 auto 22px;
}
.hero{
  background:
    linear-gradient(rgba(7,25,42,.94),rgba(7,25,42,.94)),
    radial-gradient(circle at 20% 30%,rgba(221,188,105,.11) 0 2px,transparent 3px);
  border-bottom:4px solid #d9ba69;
}
.hero .eyebrow{color:#e1c36f}
.hero h1{text-shadow:0 4px 0 rgba(0,0,0,.18)}
.primary-btn{background:#dfbd68}
footer{
  background:#07192a;
  color:#f6f1e7;
  padding:38px 20px 44px;
}
.footer-scripture{font-style:italic;margin:0 auto 22px;max-width:760px}
.footer-brand{font-style:normal;font-weight:800;font-size:1.08rem;margin:0 0 8px;color:#dfbd68}
.footer-mission{font-style:normal;font-size:.78rem;font-weight:800;letter-spacing:.13em;margin:0}
.footer-mission span{padding:0 7px;color:#dfbd68}
@media(max-width:700px){
  .church-logo{max-height:160px;margin-bottom:16px}
  .footer-mission{line-height:1.8}
}

.prayed-btn.is-praying{background:rgba(32,74,56,.14);border-color:rgba(32,74,56,.32);color:#173d2d;opacity:1;cursor:default}

/* V3 Prayer Wall / Praise Reports navigation */
.wall-tabs{
  max-width:760px;
  margin:0 auto 24px;
  padding:0 20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.wall-tab{
  border:1px solid #d6cbb9;
  border-radius:999px;
  padding:13px 16px;
  background:#fff;
  font-weight:800;
  color:#19344a;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
}
.wall-tab.active{
  background:#07192a;
  color:#f5e6b5;
  border-color:#07192a;
}
.praise-intro{
  max-width:900px;
  margin:0 auto 24px;
  padding:24px 20px 6px;
  text-align:center;
}
.praise-intro .eyebrow{color:#8a6a1d}
.praise-intro h2{
  margin:.15em 0 .3em;
  color:#07192a;
  font-size:clamp(1.8rem,5vw,3rem);
}
.praise-intro p:last-child{
  color:#645d53;
  font-style:italic;
}
.praise-note{
  min-height:360px;
  outline:3px solid rgba(218,184,99,.28);
}
.praise-note::before{
  background:radial-gradient(circle at 35% 30%,#ffe9a2 0 15%,#d6ae45 45%,#7d5b13 100%);
}
.answered-stamp{
  display:inline-block;
  margin:-8px 0 14px;
  padding:5px 10px;
  border:2px solid #8a6a1d;
  color:#7c5e17;
  font-weight:900;
  font-size:.8rem;
  letter-spacing:.07em;
  transform:rotate(-2deg);
}
.original-prayer{
  margin:8px 0 16px;
  padding-bottom:14px;
  border-bottom:1px dashed rgba(0,0,0,.22);
}
.original-prayer strong,
.praise-report strong{
  display:block;
  margin-bottom:6px;
  text-transform:uppercase;
  font-size:.76rem;
  letter-spacing:.08em;
}
.praise-report{
  padding:12px 14px;
  background:rgba(255,255,255,.38);
  border-left:4px solid #d5ac42;
}
.praise-actions{
  align-items:flex-end;
}
.faithful-tag{
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.05em;
  color:#77570e;
}
@media(max-width:700px){
  .wall-tabs{grid-template-columns:1fr 1fr;padding:0 12px}
  .wall-tab{font-size:.9rem;padding:11px 8px}
}

.wall-tabs{position:relative;z-index:5}
.wall-tab{touch-action:manipulation}
.wall-tab:active{transform:translateY(1px)}

.admin-filterbar{position:relative;z-index:20;pointer-events:auto}
.admin-filter{position:relative;z-index:21;pointer-events:auto;cursor:pointer}