:root{color-scheme:dark;--bg:#10130f;--ink:#f2f3e9;--muted:#969e8e;--accent:#d1f87a;--line:#30382a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{height:88px;max-width:1440px;margin:auto;padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:900;letter-spacing:-2px;text-decoration:none;color:var(--ink)}.brand span{color:var(--accent)}#connection{font-size:11px;color:var(--muted);letter-spacing:.06em}.participant{min-height:calc(100svh - 88px);max-width:680px;margin:auto;padding:9vh 28px 25px;display:flex;flex-direction:column;justify-content:center}.participant section{width:100%;margin:auto 0}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--accent);line-height:1.7;margin:0 0 25px}h1{font-size:clamp(44px,10vw,80px);letter-spacing:-.065em;line-height:1.02;margin:0 0 30px;overflow-wrap:break-word}.body{font-size:clamp(19px,4vw,25px);line-height:1.5;color:#ced3c6;max-width:600px;margin-bottom:35px}button{font:700 13px Arial;letter-spacing:.035em;background:var(--accent);color:#17200e;border:1px solid transparent;border-radius:5px;padding:20px 23px;min-height:54px;cursor:pointer;width:100%;text-align:left}button span{float:right}button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:4px}.hint,footer{color:var(--muted);font-size:12px;line-height:1.6}.hint{margin:18px 0}footer{margin-top:70px;letter-spacing:.12em;font-size:9px}.progress{display:flex;align-items:center;gap:20px;margin:36px 0}.progress strong{font-size:32px;letter-spacing:-.05em}progress{appearance:none;width:100%;height:5px;border:none;background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent);transition:width .6s}progress::-moz-progress-bar{background:var(--accent)}.answers{display:grid;gap:12px}.option,.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.option:hover{border-color:var(--accent)}input,textarea,select{font:16px Arial;color:var(--ink);background:#1b2018;border:1px solid var(--line);border-radius:5px;padding:16px;width:100%;margin:12px 0 16px}textarea{min-height:110px;resize:vertical}label{font-size:14px}a{color:var(--accent)}.recorded{color:var(--accent);font-size:14px}.error{color:#ffb2a5;font-size:14px}.admin{max-width:1300px;margin:auto;padding:44px 5vw}.admin h1{font-size:clamp(32px,5vw,54px)}#access{max-width:600px;margin:40px auto}.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:20px}.card{border:1px solid var(--line);padding:30px;border-radius:8px}.script{background:#181e14}.script #notes{font-size:18px;line-height:1.75;white-space:pre-line}.navigation{display:flex;gap:12px}.navigation .secondary{width:auto}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.toolbar p{font-size:12px}#score{font-size:34px;color:var(--accent)}#results{max-height:320px;overflow:auto}blockquote{margin:12px 0;padding:12px;border-left:2px solid var(--accent);line-height:1.5;overflow-wrap:anywhere}.danger{background:transparent;color:#ffb2a5;border:1px solid #63463e;margin-bottom:30px}body[data-mode=silence] .participant{text-align:center}body[data-mode=silence] h1{font-size:clamp(42px,12vw,88px)}body[data-mode=scripture],body[data-mode=reveal]{--bg:#e8eddf;--ink:#22351e;--muted:#5d6c57;--accent:#415a2f;--line:#c4ceba;color-scheme:light}body[data-mode=scripture] .body,body[data-mode=reveal] .body{color:#41523b}body[data-mode=reveal] h1{font-size:clamp(90px,25vw,170px)}[hidden]{display:none!important}@media(max-width:760px){header{height:72px;padding:20px 24px}.participant{min-height:calc(100svh - 72px);padding-top:7vh}.grid{grid-template-columns:1fr}.admin{padding:28px 18px}.card{padding:22px}.toolbar{align-items:start}h1{margin-bottom:25px}.navigation{flex-wrap:wrap}.navigation .secondary{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

#qr img{display:block;max-width:100%;height:auto;margin:20px 0;image-rendering:pixelated}

body[data-mode]:not([data-mode=""]) .brand{visibility:hidden}body[data-mode=peace]{--bg:#e8eddf;--ink:#22351e;--muted:#5d6c57;--accent:#415a2f;--line:#c4ceba;color-scheme:light}body[data-mode=peace] .body{color:#41523b}

body:has(.participant) header{justify-content:flex-end}details.card{margin-bottom:20px}summary{cursor:pointer;font-weight:bold;color:var(--accent);padding:8px 0}

.tone-amber{--highlight:#875108;--tint:#ffe6ac}.tone-blue{--highlight:#175b99;--tint:#d8eaff}.tone-purple{--highlight:#714299;--tint:#efddff}.tone-teal{--highlight:#14665e;--tint:#c6eee5}.tone-rose{--highlight:#9b3351;--tint:#ffe0e8}.tone-green{--highlight:#3c6320;--tint:#dff0c7}
.scripture-question{color:var(--highlight);font-size:clamp(26px,6vw,40px)!important;letter-spacing:-.035em;line-height:1.15;margin-bottom:24px}.scripture-text{font-family:Georgia,serif;font-size:18px;line-height:1.85;color:#35412e;white-space:pre-wrap}.scripture-text p{margin:0 0 14px}.scripture-text mark{color:var(--highlight);background:var(--tint);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:bold;border-radius:3px}.admin .scripture-text{background:#f2f3e9;border-radius:6px;padding:20px}.admin .scripture-question{color:var(--ink)}#highlight{margin:12px 0}body[data-mode=scripture] .participant{max-width:780px;justify-content:flex-start;padding-top:26px}body[data-mode=scripture] .participant section{margin:0}body[data-mode=scripture] header{height:48px;padding-top:12px;padding-bottom:12px}#edit-passage{min-height:230px}

.participant .scripture-question{position:sticky;top:0;background:var(--bg);padding:14px 0;z-index:1}

body[data-mode=ending]{--bg:#e8eddf;--ink:#22351e;--muted:#5d6c57;--accent:#415a2f;--line:#c4ceba;color-scheme:light}body[data-mode=ending] header,body[data-mode=ending] footer{display:none}body[data-mode=ending] .participant{min-height:100svh;max-width:650px;padding:48px 30px}body[data-mode=ending] h1{font-size:clamp(46px,12vw,76px);margin:32px 0}body[data-mode=ending] .eyebrow{color:#526449;font-size:10px}.closing-quote{border:0;padding:0;margin:0;font-family:Georgia,serif;font-size:clamp(22px,5vw,32px);line-height:1.6;color:#35452e}.closing-source{margin-top:32px;padding-top:20px;border-top:1px solid #bac5b0;font-size:12px;line-height:1.6;color:#526449}
