:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f9ff;--bg2:#fff6fa;--card:#fff;--ink:#27324a;--muted:#62708a;--line:#e0ebf7;--pb:#bfe0f7;--pb-mid:#8ec5ee;--pb-soft:#e6f3fc;--pb-deep:#356fae;--on-pb:#1b3a5c;--lav:#dccffa;--lav-soft:#f0eafd;--lav-ink:#5a42a8;--mint:#c4f0de;--mint-mid:#7fd6b8;--mint-soft:#e3f8f0;--mint-ink:#12674f;--pink:#ffd3e3;--pink-mid:#ff9fbf;--pink-soft:#ffeef4;--pink-ink:#a82d58;--gold:#ffe29a;--gold-mid:#ffd56b;--gold-soft:#fff7dc;--gold-ink:#7a5600;--violet:var(--pb-mid);--violet-soft:var(--pb-soft);--coral:var(--pink-mid);--coral-ink:var(--pink-ink);--coral-soft:var(--pink-soft);--teal:var(--mint-mid);--teal-soft:var(--mint-soft);--accent:var(--pb-deep);--accent-ink:#fff;--verse:#eef6fd;--ok:#12674f;--danger:#b8334f;--shadow:0 6px 22px #568cbe1f;--serif:Garamond, "EB Garamond", "Cormorant Garamond", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--sans);background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%) fixed;margin:0;font-size:17px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}.app{max-width:720px;margin:0 auto;padding:14px 16px 104px}h1{font-family:var(--serif);letter-spacing:-.2px;margin:8px 0 4px;font-size:34px;line-height:1.1}h2{font-family:var(--serif);margin:26px 0 8px;font-size:25px}h3{font-family:var(--serif);margin:0;font-size:22px}.sub{color:var(--muted);margin:0 0 12px}.small{color:var(--muted);font-size:14px}.page-head{justify-content:space-between;align-items:flex-start;gap:12px;margin:4px 0 10px;display:flex}.page-head h1{margin:6px 0 2px}.page-head .sub{margin:0}.page-head.hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#cfe8fa 0%,#e3d9fb 55%,#ffdbe8 100%);border-radius:26px;margin:4px 0 14px;padding:18px 16px 18px 20px}.page-head.hero h1{margin:0;font-size:40px}.page-head.hero .sub{margin-top:4px}.icon-btn{width:46px;height:46px;min-height:46px;color:var(--pb-deep);border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn svg{width:22px;height:22px}.head-btns{flex:none;gap:8px;display:flex}.help-btn{font-size:22px;font-weight:800;font-family:var(--serif)}.help-body p{margin:0 0 10px}.help-body ul{margin:0 0 10px;padding-left:20px}.help-body li{margin:6px 0}.welcome{border:2px dashed var(--pb-mid)}.section-label{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:20px 4px 6px;font-size:13px;font-weight:700}.pray-card h3{margin:2px 0 4px;line-height:1.2}.pray-card .small{margin:0 0 10px}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--pb-deep);font-size:13px;font-weight:700}.tone-teal .eyebrow{color:var(--mint-ink)}.tone-gold .eyebrow{color:var(--gold-ink)}.mine-row{border-bottom:1px solid var(--line);padding:8px 0}.mine-row:last-of-type{border-bottom:none}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.card.mine h3{margin-bottom:4px}.card.compact{padding:12px 16px}button.back{margin:0 0 0 -4px;font-size:17px}.grow{flex:1}.nowrap{flex-wrap:nowrap}button.wide{width:100%}.row.nowrap button{padding:8px 12px}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin:12px 0;padding:16px 18px}.card.tone-violet{border-top:5px solid var(--violet)}.card.tone-coral{border-top:5px solid var(--coral)}.card.tone-gold{border-top:5px solid var(--gold-mid)}.card.tone-teal{border-top:5px solid var(--teal)}.card.mine{border:2px solid var(--teal)}.card.past{box-shadow:none;background:#f1f4f8;border-color:#e3e8ef;padding:12px 16px}.card.past h3{color:var(--muted);font-size:19px}.card.past .small{color:#6b778c}.card.past button{background:#fff;flex:none}.banner{background:var(--gold-soft);border-left:5px solid var(--gold-mid);border-radius:14px;margin:12px 0;padding:12px 16px}.point-title{align-items:baseline;gap:10px;font-size:18px;font-weight:700;display:flex}.num{color:var(--on-pb);background:var(--pb);border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex;transform:translateY(-1px)}.verse{background:var(--verse);border-left:4px solid var(--violet);font-family:var(--serif);border-radius:12px;margin:10px 0;padding:10px 14px;font-size:19px;line-height:1.45}.verse button{font-family:var(--sans);font-size:15px}.verse .ref{font-family:var(--sans);color:var(--pb-deep);font-size:15px;font-weight:700}.chip{font-family:var(--sans);background:var(--lav);color:var(--lav-ink);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 9px;font-size:12px;font-weight:700}.topic{color:var(--coral-ink);margin:12px 0 2px;font-weight:700}.note{margin:8px 0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{justify-content:space-between}button{border:1.5px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;min-height:46px;padding:8px 18px;font-weight:600;transition:transform 80ms,box-shadow .15s}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lav-ink);outline-offset:2px}button.primary{color:var(--on-pb);background:linear-gradient(135deg,#c9e6f9,#b3d9f4);border-color:#a3cdec;box-shadow:0 4px 12px #568cbe38}button.primary:disabled,button:disabled{opacity:.5;box-shadow:none;cursor:default}button.link{color:var(--pb-deep);min-height:40px;box-shadow:none;background:0 0;border:none;padding:6px 4px}button.danger{color:var(--danger)}input,textarea,select{background:var(--card);border:1.5px solid var(--line);border-radius:14px;width:100%;min-height:46px;padding:11px 14px}textarea{resize:vertical;min-height:96px}label,.field-label{color:var(--muted);margin:12px 0 5px;font-size:14px;font-weight:600;display:block}.err{color:var(--danger);margin:8px 0;font-weight:600}.ok{color:var(--ok);font-weight:600}details>summary{cursor:pointer;font-family:var(--serif);align-items:center;gap:10px;padding:12px 0 8px;font-size:24px;font-weight:700;list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";background:var(--dot,var(--violet));border-radius:50%;flex:none;width:12px;height:12px}details>summary .small{font-family:var(--sans);font-weight:500}details.tone-coral{--dot:var(--coral)}details.tone-gold{--dot:var(--gold-mid)}details.tone-teal{--dot:var(--teal)}details.tone-violet{--dot:var(--violet)}.list-btn{text-align:left;background:var(--card);width:100%;box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;padding:12px 18px;display:flex}.list-btn>span:last-child{color:var(--pb-deep);font-size:22px}.menu-title{font-weight:700;display:block}.list-btn .small,.menu-item .small{font-weight:500;display:block}.list-group{margin:14px 0}.list-group-head{font-family:var(--serif);align-items:center;gap:8px;margin:0 4px 2px;font-size:22px;font-weight:700;display:flex}.rota-row{border-bottom:1px solid var(--line);padding:6px 0}.rota-row:last-child{border-bottom:none}details.menu-item{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin:8px 0;padding:0 18px}details.menu-item>summary{font-family:var(--sans);justify-content:space-between;padding:12px 0;font-size:17px;font-weight:600}details.menu-item>summary:before{display:none}details.menu-item>summary:after{content:"›";color:var(--pb-deep);font-size:22px;transition:transform .15s}details.menu-item[open]>summary:after{transform:rotate(90deg)}.menu-body{padding-bottom:12px}.menu-body>.card{box-shadow:none;border:none;margin:0;padding:0}.tabs{padding:0 10px calc(10px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs div{background:var(--card);border:1px solid var(--line);pointer-events:auto;border-radius:26px;width:100%;max-width:720px;padding:6px;display:flex;box-shadow:0 10px 30px #568cbe33}.tabs button{min-height:56px;color:var(--muted);box-shadow:none;background:0 0;border:none;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:13px;display:flex}.tabs button svg{width:24px;height:24px}.tabs button.on{color:var(--on-pb);background:var(--pb);font-weight:700}.rich{font-family:var(--serif);font-size:19px;line-height:1.55}.rich p{white-space:pre-wrap;margin:0 0 12px}.rich h3{margin:16px 0 6px}.rich h3:first-child{margin-top:0}.rich ul{margin:0 0 12px;padding-left:22px}.rich li{margin:4px 0}a.btn-link{min-height:46px;color:var(--on-pb);background:linear-gradient(135deg,#c9e6f9,#b3d9f4);border:1.5px solid #a3cdec;border-radius:999px;align-items:center;padding:8px 18px;font-weight:600;text-decoration:none;display:inline-flex}.live-banner{text-align:left;background:linear-gradient(135deg, var(--gold), var(--pink));width:100%;color:var(--ink);box-shadow:var(--shadow);border:none;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:12px 16px;display:flex}.live-banner>span:last-child{white-space:nowrap;flex:none;font-weight:700}.live-card{border:2px solid var(--gold-mid)}.quiz-clock{color:var(--pink-ink);font-size:22px;font-weight:800}.quiz-timer{background:var(--pb-soft);border-radius:999px;height:10px;margin:10px 0 4px;overflow:hidden}.quiz-timer>div{background:linear-gradient(90deg, var(--pink-mid), var(--gold-mid));height:100%;transition:width .2s linear}.ref-line{color:var(--pb-deep);margin:10px 0 0;font-weight:700}.quiz-q{font-family:var(--serif)}.quiz-options{gap:10px;margin:8px 0 12px;display:grid}.quiz-opt{text-align:left;min-height:64px;color:var(--ink);border:2px solid #0000;border-radius:18px;align-items:center;gap:12px;padding:10px 16px;font-size:18px;display:flex;position:relative;overflow:hidden}.quiz-opt .shape{flex:none;font-size:20px}.quiz-opt .txt{z-index:1;flex:1;position:relative}.quiz-opt .count{z-index:1;font-weight:800;position:relative}.quiz-opt .bar{background:#27324a59;height:5px;position:absolute;bottom:0;left:0}.quiz-opt.o0{background:var(--pb)}.quiz-opt.o1{background:var(--pink)}.quiz-opt.o2{background:var(--mint)}.quiz-opt.o3{background:var(--gold)}.quiz-opt:disabled{opacity:1;cursor:default}.quiz-opt.chosen{border-color:var(--ink)}.quiz-opt.faded{opacity:.45}.quiz-opt.right,.quiz-opt.host-right{border-color:var(--mint-ink);box-shadow:0 0 0 3px var(--mint-mid)}.quiz-result{background:var(--pink-soft);border-radius:14px;margin:6px 0;padding:12px 16px;font-weight:700}.quiz-result.good{background:var(--mint-soft);color:var(--mint-ink)}.board-row{border-bottom:1px solid var(--line);padding:6px 0}.board-row:last-child{border-bottom:none}.board.podium .board-row:nth-child(-n+3){font-size:20px;font-weight:700}.quiz-host{flex-direction:column;gap:4px}.quiz-host button.link{min-height:36px}.share-box{background:var(--mint-soft);border-radius:14px;margin-top:8px;padding:10px 14px}mark{background:var(--gold-mid);color:var(--ink);border-radius:4px;padding:0 2px}input[type=search]{appearance:none}.pm{z-index:50;background:linear-gradient(#f3f9ff 0%,#fff4f9 100%);flex-direction:column;display:flex;position:fixed;inset:0}.pm-top{padding:calc(10px + env(safe-area-inset-top)) 14px 8px;justify-content:space-between;align-items:center;display:flex}.pm-body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:8px 20px 24px;overflow-y:auto}.pm-tag{background:var(--pb-soft);color:var(--pb-deep);border-radius:999px;padding:3px 14px;font-size:14px;font-weight:700;display:inline-block}.pm-tag.tone-coral{background:var(--coral-soft);color:var(--coral-ink)}.pm-tag.tone-gold{background:var(--gold-soft);color:var(--gold-ink)}.pm-tag.tone-teal{background:var(--mint-soft);color:var(--mint-ink)}.pm-title{margin:14px 0 10px;font-size:32px;line-height:1.2}.pm-verse{font-size:22px;line-height:1.5}.pm-nav{padding:10px 16px calc(14px + env(safe-area-inset-bottom));gap:12px;width:100%;max-width:720px;margin:0 auto;display:flex}.pm-nav button{flex:1;min-height:56px;font-size:18px}.print-only{display:none}@media print{body{color:#000;background:#fff;font-family:Garamond,EB Garamond,Georgia,serif;font-size:12pt}.tabs,.screen-only{display:none!important}.print-only{display:block}.app{max-width:none;padding:0}h1{font-size:16pt}h2{margin:14pt 0 4pt;font-size:14pt}.print-q{break-inside:avoid;margin:6pt 0 10pt}}.seg{background:var(--violet-soft);border-radius:999px;gap:4px;margin:8px 0 12px;padding:4px;display:flex}.seg button{min-height:42px;color:var(--muted);box-shadow:none;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:1;padding:6px 8px;font-size:15px}.seg button.on{background:var(--card);color:var(--pb-deep);box-shadow:var(--shadow);font-weight:700}.tiles{grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0;display:grid}.tile{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:12px 14px}.tile-value{font-family:var(--serif);font-size:34px;font-weight:700;line-height:1.05}.tile-of{color:var(--muted);font-size:18px;font-weight:400}.tile-label{margin-top:2px;font-size:14px;font-weight:600}.cols{align-items:flex-end;gap:4px;height:150px;margin:10px 0 4px;display:flex}.col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.col-bar{background:var(--violet);border-radius:4px 4px 0 0;width:100%;max-width:22px;min-height:2px}.col-n{color:var(--ink);margin-bottom:2px;font-size:12px}.col-l{color:var(--muted);margin-top:3px;font-size:12px}.stat-row{flex-wrap:wrap;gap:6px 16px;margin:8px 0;font-size:15px;display:flex}.badge{background:var(--violet-soft);color:var(--ink);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.badge.lvl-action{background:var(--coral-soft);color:var(--coral-ink)}.badge.lvl-watch{background:var(--gold-soft);color:var(--gold-ink)}.badge.lvl-info{background:var(--lav-soft);color:var(--lav-ink)}.badge.lvl-ok{background:var(--mint-soft);color:var(--mint-ink)}.attn{margin:8px 0}.progress{background:var(--verse);border-radius:999px;height:14px;margin:8px 0;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--mint-mid), var(--pb-mid));border-radius:999px;height:100%}.flow{flex-wrap:wrap;gap:8px;margin:6px 0 12px;display:flex}.flow span{background:var(--gold-soft);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600}