:root{color-scheme:light;--bg: #f3f9ff;--bg2: #fff6fa;--card: #ffffff;--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 rgba(86, 140, 190, .12);--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{margin:0;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%) fixed}button,input,textarea,select{font:inherit;color:inherit}.app{max-width:720px;margin:0 auto;padding:14px 16px 104px}h1{font-family:var(--serif);font-size:34px;line-height:1.1;margin:8px 0 4px;letter-spacing:-.2px}h2{font-family:var(--serif);font-size:25px;margin:26px 0 8px}h3{font-family:var(--serif);font-size:22px;margin:0}.sub{color:var(--muted);margin:0 0 12px}.small{font-size:14px;color:var(--muted)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 10px}.page-head h1{margin:6px 0 2px}.page-head .sub{margin:0}.page-head.hero{background:linear-gradient(135deg,#cfe8fa,#e3d9fb 55%,#ffdbe8);border-radius:26px;padding:18px 16px 18px 20px;margin:4px 0 14px;box-shadow:var(--shadow)}.page-head.hero h1{font-size:40px;margin:0}.page-head.hero .sub{margin-top:4px}.icon-btn{flex:none;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffeb;color:var(--pb-deep);border:1px solid var(--line);box-shadow:var(--shadow)}.icon-btn svg{width:22px;height:22px}.head-btns{display:flex;gap:8px;flex:none}.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);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:20px 4px 6px}.pray-card h3{margin:2px 0 4px;line-height:1.2}.pray-card .small{margin:0 0 10px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pb-deep)}.tone-teal .eyebrow{color:var(--mint-ink)}.tone-gold .eyebrow{color:var(--gold-ink)}.mine-row{padding:8px 0;border-bottom:1px solid var(--line)}.mine-row:last-of-type{border-bottom:none}.clamp{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;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);border-radius:20px;padding:16px 18px;margin:12px 0;box-shadow:var(--shadow)}.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{background:#f1f4f8;border-color:#e3e8ef;box-shadow:none;padding:12px 16px}.card.past h3{font-size:19px;color:var(--muted)}.card.past .small{color:#6b778c}.card.past button{flex:none;background:#fff}.banner{background:var(--gold-soft);border-left:5px solid var(--gold-mid);border-radius:14px;padding:12px 16px;margin:12px 0}.point-title{display:flex;gap:10px;align-items:baseline;font-weight:700;font-size:18px}.num{color:var(--on-pb);background:var(--pb);border-radius:999px;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex:none;transform:translateY(-1px)}.verse{background:var(--verse);border-left:4px solid var(--violet);border-radius:12px;padding:10px 14px;margin:10px 0;font-family:var(--serif);font-size:19px;line-height:1.45}.verse button{font-family:var(--sans);font-size:15px}.verse .ref{font-family:var(--sans);font-weight:700;font-size:15px;color:var(--pb-deep)}.chip{font-family:var(--sans);font-size:12px;font-weight:700;background:var(--lav);color:var(--lav-ink);border-radius:999px;padding:2px 9px;margin-left:8px;vertical-align:middle}.topic{font-weight:700;margin:12px 0 2px;color:var(--coral-ink)}.note{margin:8px 0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}button{min-height:46px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);padding:8px 18px;cursor:pointer;font-weight:600;transition:transform .08s ease,box-shadow .15s ease}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{background:linear-gradient(135deg,#c9e6f9,#b3d9f4);color:var(--on-pb);border-color:#a3cdec;box-shadow:0 4px 12px #568cbe38}button.primary:disabled,button:disabled{opacity:.5;box-shadow:none;cursor:default}button.link{border:none;background:none;color:var(--pb-deep);padding:6px 4px;min-height:40px;box-shadow:none}button.danger{color:var(--danger)}input,textarea,select{width:100%;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;min-height:46px}textarea{min-height:96px;resize:vertical}label,.field-label{display:block;margin:12px 0 5px;color:var(--muted);font-size:14px;font-weight:600}.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);font-weight:700;font-size:24px;padding:12px 0 8px;list-style:none;display:flex;align-items:center;gap:10px}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--dot, var(--violet));flex:none}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{width:100%;text-align:left;margin:6px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:16px;background:var(--card);box-shadow:var(--shadow);padding:12px 18px}.list-btn>span:last-child{color:var(--pb-deep);font-size:22px}.menu-title{display:block;font-weight:700}.list-btn .small,.menu-item .small{display:block;font-weight:500}.list-group{margin:14px 0}.list-group-head{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:700;font-size:22px;margin:0 4px 2px}.rota-row{padding:6px 0;border-bottom:1px solid var(--line)}.rota-row:last-child{border-bottom:none}details.menu-item{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);margin:8px 0;padding:0 18px}details.menu-item>summary{font-family:var(--sans);font-size:17px;font-weight:600;padding:12px 0;justify-content:space-between}details.menu-item>summary:before{display:none}details.menu-item>summary:after{content:"›";color:var(--pb-deep);font-size:22px;transition:transform .15s ease}details.menu-item[open]>summary:after{transform:rotate(90deg)}.menu-body{padding-bottom:12px}.menu-body>.card{border:none;box-shadow:none;padding:0;margin:0}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:0 10px calc(10px + env(safe-area-inset-bottom));pointer-events:none}.tabs div{display:flex;width:100%;max-width:720px;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:0 10px 30px #568cbe33;padding:6px;pointer-events:auto}.tabs button{flex:1;border:none;border-radius:20px;background:none;min-height:56px;padding:4px 2px;color:var(--muted);font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:none}.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{margin:0 0 12px;white-space:pre-wrap}.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{display:inline-flex;align-items:center;min-height:46px;padding:8px 18px;border-radius:999px;font-weight:600;text-decoration:none;background:linear-gradient(135deg,#c9e6f9,#b3d9f4);color:var(--on-pb);border:1.5px solid #a3cdec}.live-banner{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;margin:0 0 10px;background:linear-gradient(135deg,var(--gold),var(--pink));border:none;border-radius:18px;padding:12px 16px;color:var(--ink);box-shadow:var(--shadow)}.live-banner>span:last-child{flex:none;white-space:nowrap;font-weight:700}.live-card{border:2px solid var(--gold-mid)}.quiz-clock{font-weight:800;font-size:22px;color:var(--pink-ink)}.quiz-timer{height:10px;background:var(--pb-soft);border-radius:999px;overflow:hidden;margin:10px 0 4px}.quiz-timer>div{height:100%;background:linear-gradient(90deg,var(--pink-mid),var(--gold-mid));transition:width .2s linear}.ref-line{margin:10px 0 0;font-weight:700;color:var(--pb-deep)}.quiz-q{font-family:var(--serif)}.quiz-options{display:grid;gap:10px;margin:8px 0 12px}.quiz-opt{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;text-align:left;min-height:64px;border-radius:18px;padding:10px 16px;font-size:18px;border:2px solid transparent;color:var(--ink)}.quiz-opt .shape{font-size:20px;flex:none}.quiz-opt .txt{flex:1;position:relative;z-index:1}.quiz-opt .count{font-weight:800;position:relative;z-index:1}.quiz-opt .bar{position:absolute;left:0;bottom:0;height:5px;background:#27324a59}.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;padding:12px 16px;font-weight:700;margin:6px 0}.quiz-result.good{background:var(--mint-soft);color:var(--mint-ink)}.board-row{padding:6px 0;border-bottom:1px solid var(--line)}.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;padding:10px 14px;margin-top:8px}mark{background:var(--gold-mid);color:var(--ink);border-radius:4px;padding:0 2px}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.pm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:linear-gradient(180deg,#f3f9ff,#fff4f9)}.pm-top{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 14px 8px}.pm-body{flex:1;overflow-y:auto;padding:8px 20px 24px;max-width:720px;width:100%;margin:0 auto}.pm-tag{display:inline-block;border-radius:999px;padding:3px 14px;font-weight:700;font-size:14px;background:var(--pb-soft);color:var(--pb-deep)}.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{font-size:32px;line-height:1.2;margin:14px 0 10px}.pm-verse{font-size:22px;line-height:1.5}.pm-nav{display:flex;gap:12px;padding:10px 16px calc(14px + env(safe-area-inset-bottom));max-width:720px;width:100%;margin:0 auto}.pm-nav button{flex:1;min-height:56px;font-size:18px}.print-only{display:none}@media print{body{background:#fff;color:#000;font-family:Garamond,EB Garamond,Georgia,serif;font-size:12pt}.tabs,.screen-only{display:none!important}.print-only{display:block}.app{padding:0;max-width:none}h1{font-size:16pt}h2{font-size:14pt;margin:14pt 0 4pt}.print-q{margin:6pt 0 10pt;break-inside:avoid}}.seg{display:flex;gap:4px;background:var(--violet-soft);border-radius:999px;padding:4px;margin:8px 0 12px}.seg button{flex:1;border:none;background:none;min-height:42px;border-radius:999px;color:var(--muted);box-shadow:none;padding:6px 8px;font-size:15px;white-space:nowrap}.seg button.on{background:var(--card);color:var(--pb-deep);font-weight:700;box-shadow:var(--shadow)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.tile{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow)}.tile-value{font-family:var(--serif);font-size:34px;line-height:1.05;font-weight:700}.tile-of{font-size:18px;color:var(--muted);font-weight:400}.tile-label{font-weight:600;font-size:14px;margin-top:2px}.cols{display:flex;align-items:flex-end;gap:4px;height:150px;margin:10px 0 4px}.col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}.col-bar{width:100%;max-width:22px;background:var(--violet);border-radius:4px 4px 0 0;min-height:2px}.col-n{font-size:12px;color:var(--ink);margin-bottom:2px}.col-l{font-size:12px;color:var(--muted);margin-top:3px}.stat-row{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0;font-size:15px}.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;background:var(--violet-soft);color:var(--ink)}.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;overflow:hidden;margin:8px 0}.progress>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mint-mid),var(--pb-mid))}.flow{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}.flow span{background:var(--gold-soft);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600}