:root{--bg:#faf6ee;--bg-card:#fff;--ink:#1f1a12;--ink-strong:#14110b;--ink-secondary:#3a3225;--rule:#c9bda1;--gold:#8a6418;--gold-soft:#b8943e;--burgundy:#5a1818;--green:#234d2e;--red:#8e2222;--green-bg:#ecf3ec;--amber-bg:#faf2dc;--red-bg:#f7e6e6;--shadow:0 1px 2px rgba(31,26,18,.08),0 8px 24px rgba(31,26,18,.07);--font-display:"EB Garamond",Georgia,"Times New Roman",serif;--font-prose:"Lora",Georgia,serif;--font-numeric:"Lora",Georgia,serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-prose);font-size:19px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:20px}.page{max-width:640px;margin:0 auto;padding:28px 20px 80px}.masthead{text-align:center;padding:12px 0 20px}.masthead .ornament{font-family:var(--font-display);color:var(--gold);font-size:26px;letter-spacing:.4em;margin-bottom:8px}.masthead h1{font-family:var(--font-display);font-weight:500;font-size:clamp(34px,8vw,46px);line-height:1.1;margin:0;letter-spacing:-.005em;color:var(--ink-strong)}.masthead .parish{font-family:var(--font-prose);font-style:italic;color:var(--ink-secondary);margin-top:6px;font-size:20px}.masthead hr{border:0;border-top:1px solid var(--rule);margin:22px auto 0;max-width:220px}.hero-call{margin:24px auto 0;padding:18px 8px 4px}.hero-call .hero-en{font-weight:500;font-size:clamp(24px,6vw,30px);line-height:1.2;color:var(--burgundy);margin:0}.hero-call .hero-en,.hero-call .hero-es{font-family:var(--font-prose);font-style:italic}.hero-call .hero-es{font-weight:400;font-size:clamp(20px,5vw,25px);line-height:1.25;color:var(--ink-strong);margin:10px 0 0}.guidelines{background:var(--bg-card);border:1px solid var(--rule);border-radius:4px;padding:22px 22px 24px;margin:24px 0 32px;box-shadow:var(--shadow)}.guidelines h2{font-family:var(--font-prose);font-weight:500;font-size:22px;margin:0 0 16px;color:var(--burgundy);letter-spacing:.005em;line-height:1.25}.guidelines h2 .lang-es{display:block;font-weight:400;font-style:italic;font-size:18px;color:var(--ink-strong);margin-top:4px}.bilingual-list{margin:0 0 18px;padding-left:22px;list-style:none}.bilingual-list li{position:relative;margin-bottom:16px;padding-left:4px}.bilingual-list li:before{content:"✦";position:absolute;left:-22px;top:1px;color:var(--gold);font-size:13px}.bilingual-list .li-en{display:block;line-height:1.45;color:var(--ink)}.bilingual-list .li-es{display:block;font-size:17px;line-height:1.4;margin-top:4px}.bilingual-list .li-es,.guidelines .quote{font-style:italic;color:var(--ink-secondary)}.guidelines .quote{font-family:var(--font-prose);font-size:18px;line-height:1.55;border-left:3px solid var(--gold-soft);padding:6px 0 6px 16px;margin:18px 0 0}.guidelines .quote .attrib{display:block;margin-top:10px;font-size:16px;font-style:normal;color:var(--ink-strong);letter-spacing:.04em;font-weight:500}.day{margin-bottom:28px}.day-header{font-family:var(--font-prose);font-size:24px;font-weight:500;color:var(--ink-strong);display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:6px;margin-bottom:10px;flex-wrap:wrap;gap:8px}.day-header .date-text{font-family:var(--font-numeric);font-weight:500}.day-header .day-header-es{display:inline-block;margin-left:10px;font-style:italic;font-size:17px;color:var(--ink-secondary);font-weight:400}.day-header .today{font-family:var(--font-prose);font-style:italic;font-size:14px;color:var(--burgundy);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.hour-row{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-card);border:1.5px solid var(--rule);border-radius:4px;padding:18px;margin-bottom:10px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform 80ms ease,box-shadow .12s ease,border-color .12s ease;min-height:72px}.hour-row:focus-visible:not(:disabled),.hour-row:hover:not(:disabled){border-color:var(--ink-strong);box-shadow:var(--shadow);outline:none}.hour-row:active:not(:disabled){transform:scale(.995)}.hour-row:disabled{cursor:not-allowed;opacity:.6}.hour-row .time{font-family:var(--font-numeric);font-size:24px;font-weight:500;color:var(--ink-strong)}.hour-row .status{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--ink);font-weight:400;font-family:var(--font-numeric)}.dots{display:flex;gap:6px}.dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--rule);background:transparent}.dot.filled{background:var(--gold);border-color:var(--gold)}.hour-row.full{background:var(--green-bg);border-color:#8fb09a}.hour-row.full .status{color:var(--green);font-weight:500}.hour-row.full .time{color:var(--green)}.no-slots{text-align:center;font-style:italic;color:var(--ink-secondary);padding:40px 0;font-size:19px;line-height:1.5}.no-slots span{font-size:17px;display:inline-block;margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:rgba(31,26,18,.5);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .16s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);width:100%;max-width:640px;border-radius:16px 16px 0 0;padding:28px 22px 32px;max-height:92vh;overflow-y:auto;animation:slideUp .22s cubic-bezier(.2,.9,.3,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width:600px){.modal-backdrop{align-items:center}.modal{border-radius:8px}}.modal h3{font-family:var(--font-prose);font-size:26px;font-weight:500;margin:0 0 4px;color:var(--ink-strong)}.modal .modal-sub{font-family:var(--font-numeric);font-style:italic;color:var(--ink-secondary);margin:0 0 22px;font-size:19px;font-weight:400}.field{margin-bottom:18px}.field label{display:block;font-family:var(--font-prose);font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-strong);margin-bottom:8px;font-weight:500}.field label .req{color:var(--burgundy);font-weight:500}.field label .opt,.field label .req{font-style:italic;text-transform:none;letter-spacing:0;font-size:13px;margin-left:6px;font-family:var(--font-prose)}.field label .opt{color:var(--ink-secondary);font-weight:400}.field input[type=date],.field input[type=email],.field input[type=password],.field input[type=tel],.field input[type=text],.field select{width:100%;padding:14px;border:1.5px solid var(--rule);border-radius:4px;background:var(--bg-card);font-size:19px;color:var(--ink-strong);font-family:var(--font-prose)}.field input:focus,.field select:focus{outline:none;border-color:var(--ink-strong)}.checkbox-row{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-card);border:1.5px solid var(--rule);border-radius:4px;cursor:pointer}.checkbox-row input{margin-top:4px;flex-shrink:0;width:22px;height:22px;accent-color:var(--burgundy)}.checkbox-row .label-main{display:block;font-weight:500;color:var(--ink-strong);line-height:1.4}.checkbox-row .label-main.label-es{font-weight:400;font-style:italic;color:var(--ink-secondary);font-size:17px;margin-top:3px}.checkbox-row .label-sub{display:block;font-size:15px;color:var(--ink-secondary);margin-top:8px;line-height:1.4}.btn-row{display:flex;gap:12px;margin-top:26px}.btn{flex:1 1;padding:18px;border-radius:4px;font-size:17px;font-weight:500;border:1.5px solid var(--ink-strong);background:var(--bg-card);color:var(--ink-strong);cursor:pointer;letter-spacing:.02em;font-family:var(--font-prose)}.btn-primary{background:var(--burgundy);border-color:var(--burgundy);color:#fef9ee}.btn-primary:disabled{opacity:.6;cursor:wait}.success{text-align:center;padding:8px 4px 4px}.success .seal{font-family:var(--font-display);color:var(--gold);font-size:40px;margin-bottom:12px}.success h3{margin:0 0 10px}.success p{color:var(--ink);margin:0 0 6px;font-size:18px}.success-when{font-family:var(--font-numeric);font-size:22px;font-weight:500;color:var(--burgundy);margin:10px 0 18px!important}.success-es{font-size:16px;font-style:italic;color:var(--ink-secondary)}.admin-h2{font-family:var(--font-prose);font-weight:500;font-size:22px;margin:24px 0 12px;color:var(--ink-strong)}.admin-grid{display:grid;grid-template-columns:110px repeat(12,1fr);grid-gap:2px;gap:2px;background:var(--rule);border:1px solid var(--rule);font-size:13px;margin:16px 0 28px;overflow-x:auto}.admin-cell{background:var(--bg-card);padding:8px 6px;text-align:center;min-width:38px;color:var(--ink-strong);font-family:var(--font-numeric)}.admin-cell.day-label{font-family:var(--font-prose);font-size:15px;text-align:left;padding-left:10px;font-weight:500}.admin-cell.empty{background:var(--red-bg);color:var(--red);font-weight:500}.admin-cell.partial{background:var(--amber-bg);color:#6e4a0e;font-weight:500}.admin-cell.full{background:var(--green-bg);color:var(--green);font-weight:500}.admin-cell.header{background:var(--bg);font-family:var(--font-numeric);font-size:13px;padding:6px 4px;font-weight:500;letter-spacing:.02em}.admin-list{background:var(--bg-card);border:1px solid var(--rule);border-radius:4px;padding:0;overflow:hidden}.admin-list-row{display:grid;grid-template-columns:1fr 1.2fr 1.5fr auto;grid-gap:12px;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rule);align-items:center;font-size:15px;color:var(--ink-strong)}.admin-list-row:last-child{border-bottom:0}.admin-list-row.empty-flag{background:var(--red-bg);color:var(--red);font-style:italic;font-weight:500}.admin-list-row.no-show-row{background:var(--red-bg)}.admin-list-row .when{font-family:var(--font-numeric);font-size:16px;font-weight:500}.admin-list-row .delete-btn{background:transparent;border:1px solid var(--rule);color:var(--ink-secondary);border-radius:4px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font-prose)}.admin-list-row .delete-btn:hover{color:var(--red);border-color:var(--red)}.checkin-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.checkin-green{color:var(--green);font-weight:500}.checkin-green,.checkout-grey{font-size:13px;font-family:var(--font-numeric)}.checkout-grey{color:var(--ink-secondary);font-style:italic}.lateness-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-numeric)}.lateness-badge.late{background:var(--amber-bg);color:#6e4a0e;border:1px solid #d4a945}.lateness-badge.veryLate{background:var(--red-bg);color:var(--red);border:1px solid #c87878}.lateness-badge.early{background:#eaf2ec;color:var(--green);border:1px solid #b8d0bd}.history-note{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;margin-top:3px;font-style:italic;font-weight:400;line-height:1.4}.history-note .hist-no-show{color:var(--red)}.history-note .hist-late{color:#6e4a0e}.history-note .hist-attended{color:var(--ink-secondary);font-style:normal;font-weight:400}.paused-tag{display:inline-block;margin-left:6px;padding:1px 8px;background:var(--amber-bg);color:#6e4a0e;border-radius:999px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-style:normal;font-family:var(--font-numeric)}.live-panel{border:2px solid;border-radius:8px;padding:20px 22px;margin:16px 0 28px}.live-panel.ok{background:var(--green-bg);border-color:#6da077;color:var(--green)}.live-panel.warn{background:var(--amber-bg);border-color:#d4a945;color:#5e3e0a}.live-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.live-label,.live-message{font-family:var(--font-prose);font-weight:500}.live-message{font-size:22px;margin-bottom:14px}.live-volunteers{display:flex;flex-direction:column;gap:8px}.live-volunteer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:8px 12px;font-size:14px}.live-volunteer.in{background:#fff}.live-volunteer .lv-status{font-weight:500;font-family:var(--font-numeric)}.live-volunteer.in .lv-status{color:var(--green)}.live-volunteer.pending .lv-status{color:var(--ink-strong)}.live-volunteer .lv-name{font-weight:500;color:var(--ink-strong)}.live-volunteer .lv-phone{font-size:13px;letter-spacing:.02em}.live-volunteer .lv-phone,.live-volunteer .lv-time{color:var(--ink-secondary);font-family:var(--font-numeric)}.live-volunteer .lv-time{font-size:12px;font-style:italic}.manual-add-card{background:var(--bg-card);border:1px solid var(--rule);border-radius:4px;padding:18px 18px 8px;margin-top:12px}.footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--rule);font-size:15px;color:var(--ink-secondary);font-style:italic;line-height:1.5}.footer span{font-size:14px}.error-text{color:var(--red);font-size:16px;margin-top:10px;font-weight:400}.lang-es{display:block;font-style:italic;color:var(--ink-secondary);font-size:17px;margin-top:2px;font-weight:400}