:root{--bg: #f6f1e8;--surface: #fffdf9;--surface-2: #f0e9dd;--ink: #1f1b16;--muted: #6d6458;--line: #e4dbcc;--accent: #2c4470;--accent-ink: #ffffff;--accent-soft: #e3e8f2;--gold: #a8741f;--gold-soft: #f6e8cc;--danger: #a3372b;--shadow: 0 1px 2px rgb(60 40 10 / 6%), 0 6px 20px rgb(60 40 10 / 6%);--radius: 16px;--serif: "Literata", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--tabbar: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14120f;--surface: #1d1a16;--surface-2: #26221d;--ink: #f1ebe1;--muted: #a69b8c;--line: #322c25;--accent: #9db7ea;--accent-ink: #10192b;--accent-soft: #232c3d;--gold: #e2b65f;--gold-soft: #3a2f1c;--danger: #ff8a7a;--shadow: 0 1px 2px rgb(0 0 0 / 30%);color-scheme:dark}}:root[data-theme=dark]{--bg: #14120f;--surface: #1d1a16;--surface-2: #26221d;--ink: #f1ebe1;--muted: #a69b8c;--line: #322c25;--accent: #9db7ea;--accent-ink: #10192b;--accent-soft: #232c3d;--gold: #e2b65f;--gold-soft: #3a2f1c;--danger: #ff8a7a;--shadow: 0 1px 2px rgb(0 0 0 / 30%);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans);padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{line-height:1.2;margin:0}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font:600 19px var(--serif);color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{width:26px;height:26px;border-radius:7px;background:url(/icon.svg) center/cover}#topbar-right{display:flex;gap:8px;align-items:center}#demo-banner{background:var(--gold-soft);color:var(--ink);font-size:13px;padding:8px 16px;text-align:center}main{max-width:680px;margin:0 auto;padding:16px;outline:none}.tabbar{position:fixed;inset:auto 0 0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:12px;font-weight:500}.tabbar a:hover{text-decoration:none}.tabbar a.active{color:var(--accent)}.tabbar svg{width:24px;height:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{text-decoration:none;background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.small{min-height:34px;padding:0 14px;font-size:14px}.btn.block{width:100%}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.55;cursor:default}.icon-btn{width:40px;height:40px;border-radius:999px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:inline-grid;place-items:center;font-size:18px}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:14px;font-weight:600}.field .hint{font-size:13px;color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}textarea{min-height:110px;resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.segmented{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:999px;margin-bottom:16px}.segmented button{flex:1;min-height:38px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:600;cursor:pointer;font-size:14px}.segmented a{flex:1;padding:8px 10px;border-radius:999px;text-align:center;font-size:14px;font-weight:500;color:var(--muted)}.segmented a:hover{text-decoration:none}.segmented a[aria-selected=true],.segmented button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stack>*+*{margin-top:12px}.section-title{font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:24px 0 10px}.muted{color:var(--muted)}.small{font-size:14px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.scripture{font:400 19px/1.65 var(--serif)}.scripture sup{font:600 11px var(--sans);color:var(--gold);margin-right:3px;vertical-align:4px}.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:500;cursor:pointer}.chip:hover{text-decoration:none;border-color:var(--accent)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold)}.avatar{--hue: 210;flex:none;width:38px;height:38px;border-radius:999px;display:inline-grid;place-items:center;background:hsl(var(--hue) 45% 88%);color:hsl(var(--hue) 45% 28%);font-weight:700;font-size:14px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .avatar{background:hsl(var(--hue) 30% 26%);color:hsl(var(--hue) 60% 85%)}}.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar.lg{width:72px;height:72px;font-size:26px}.avatar.xl{width:104px;height:104px;font-size:36px}.avatar.sm{width:30px;height:30px;font-size:12px}.hero{padding:28px 0 8px}.hero h1{font:600 clamp(28px,7vw,38px)/1.15 var(--serif);letter-spacing:-.01em}.hero p{color:var(--muted);margin-top:10px;font-size:17px}.search{position:relative;margin-top:20px}.search input{min-height:56px;padding:0 120px 0 18px;font-size:18px;border-radius:999px;box-shadow:var(--shadow)}.search .btn{position:absolute;right:6px;top:6px;min-height:44px}.search-error{color:var(--danger);font-size:14px;margin-top:8px;min-height:20px}.chips{display:flex;flex-wrap:wrap;gap:8px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.book-grid button{text-align:left;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:14px;font-weight:500}.book-grid button:hover{border-color:var(--accent)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}.chapter-grid a{display:grid;place-items:center;height:48px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600}.chapter-grid a:hover{border-color:var(--accent);text-decoration:none}.room-list a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:var(--ink);border-bottom:1px solid var(--line)}.room-list a:last-child{border-bottom:0}.reader-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.reader-head h1{font:600 26px var(--serif)}.reader-head select{width:auto;flex:none;min-height:38px;padding:4px 12px;border-radius:999px;font-size:16px}.verse-line{display:block;width:100%;text-align:left;border:0;background:transparent;padding:6px 8px;margin:0 -8px;border-radius:10px;cursor:pointer}.verse-line:hover{background:var(--accent-soft)}.pager{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.verse-hero{padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.verse-hero .ref{font:600 14px var(--sans);color:var(--gold);letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between;gap:8px}.verse-hero .scripture{margin-top:10px;font-size:21px}.verse-hero select{width:auto;min-height:34px;padding:4px 10px;border-radius:999px;font-size:16px}.verse-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.compare{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.compare-item+.compare-item{margin-top:12px}.compare-item b{font:600 12px var(--sans);color:var(--muted);display:block;margin-bottom:2px}.compare-item p{font:400 16px/1.55 var(--serif)}.tabs{position:sticky;top:var(--topbar-h, 57px);z-index:5;background:var(--bg);padding-top:14px}.explain-block h3{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-bottom:8px}.explain-block p+p{margin-top:10px}.explain-summary{font:400 19px/1.55 var(--serif)}.keywords{display:grid;gap:10px}.keyword{padding:12px;border-radius:12px;background:var(--surface-2)}.keyword .w{font-weight:700}.keyword .o{font:italic 400 15px var(--serif);color:var(--muted)}.perspective+.perspective{margin-top:10px}.perspective b{display:block;font-size:14px}ul.clean{margin:0;padding-left:20px}ul.clean li+li{margin-top:6px}.notice{padding:12px 14px;border-radius:12px;background:var(--gold-soft);font-size:14px}.ai-note{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.post+.post{margin-top:12px}.post-head{display:flex;align-items:center;gap:10px}.post-head .who{flex:1;min-width:0;line-height:1.25}.post-head .who a{color:var(--ink);font-weight:600}.post-head .who span{color:var(--muted);font-size:13px}.post-verse{display:block;margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--gold);background:var(--surface-2);border-radius:0 10px 10px 0;color:var(--ink)}.post-verse:hover{text-decoration:none}.post-verse b{font:600 13px var(--sans);color:var(--gold);display:block;margin-bottom:2px}.post-verse span{font:400 15px/1.5 var(--serif);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-body{margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.post-foot{display:flex;align-items:center;gap:4px;margin-top:8px;margin-left:-10px}.amen{border:0;background:transparent;min-height:36px;padding:0 10px;border-radius:999px;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer}.amen:hover{background:var(--surface-2)}.amen[aria-pressed=true]{color:var(--gold)}.chat{display:flex;flex-direction:column;height:calc(100dvh - var(--topbar-h, 57px) - var(--banner-h, 0px) - var(--tabbar) - env(safe-area-inset-bottom) - 32px)}.chat.embedded{height:60dvh}.chat-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.chat-head h1{font-size:18px}.messages{flex:1;overflow-y:auto;padding:12px 2px;display:flex;flex-direction:column;gap:10px}.msg{display:flex;gap:8px;align-items:flex-end;max-width:88%}.msg.mine{align-self:flex-end;flex-direction:row-reverse}.bubble{padding:9px 13px;border-radius:18px;background:var(--surface);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.msg.mine .bubble{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.bubble .meta{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:1px}.bubble .meta a{color:inherit}.msg.mine .bubble .meta{display:none}.msg-tools{opacity:0;transition:opacity .15s}.msg:hover .msg-tools,.msg:focus-within .msg-tools{opacity:1}@media(hover:none){.msg-tools{opacity:.6}}.composer{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.composer textarea{min-height:46px;height:46px;max-height:140px;border-radius:23px;padding:11px 16px;resize:none}.composer .btn{flex:none}.list-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;color:var(--ink)}.list-item:hover{background:var(--surface);text-decoration:none}.list-item .grow{flex:1;min-width:0}.list-item .grow p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:14px}.room-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);font-size:18px;flex:none}.profile-head{text-align:center;padding:12px 0 4px}.profile-head h1{font:600 24px var(--serif);margin-top:10px}.profile-head .handle{color:var(--muted)}.profile-head .bio{margin:10px auto 0;max-width:420px}.stats{display:flex;justify-content:center;gap:28px;margin:16px 0}.stats>*{text-align:center;color:inherit}.stats a:hover{text-decoration:none}.stats b{display:block;font-size:18px}.stats span{font-size:13px;color:var(--muted)}.loading{display:flex;justify-content:center;gap:6px;padding:32px}.loading .dot{width:8px;height:8px;border-radius:999px;background:var(--muted);animation:pulse 1s infinite ease-in-out}.loading .dot:nth-child(2){animation-delay:.15s}.loading .dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.loading .dot{animation:none;opacity:.6}}.empty{text-align:center;padding:32px 16px;color:var(--muted)}.empty-title{color:var(--ink);font-weight:600;font-size:17px;margin-bottom:4px}.empty .btn{margin-top:14px}#toast{position:fixed;left:50%;bottom:calc(var(--tabbar) + 16px + env(safe-area-inset-bottom));z-index:60;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;max-width:calc(100vw - 32px);width:max-content}#toast.show{opacity:1;transform:translate(-50%)}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#0006;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;background:var(--bg);border-radius:20px 20px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}@media(min-width:700px){.sheet-backdrop{align-items:center}.sheet{border-radius:20px}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head h2{font-size:18px}.menu button{display:block;width:100%;text-align:left;min-height:48px;padding:0 12px;border:0;background:transparent;border-radius:12px;cursor:pointer;font-size:16px}.menu button:hover{background:var(--surface)}.menu button.danger{color:var(--danger)}.auth-card{max-width:420px;margin:16px auto}.auth-card h1{font:600 26px var(--serif);margin-bottom:6px}.form-error{color:var(--danger);font-size:14px;min-height:20px;margin-bottom:8px}.prose h1{font:600 26px var(--serif);margin-bottom:12px}.prose h2{font-size:18px;margin:22px 0 8px}.prose p,.prose li{color:var(--ink)}.prose p+p{margin-top:10px}.tabbar a{position:relative}.tab-badge{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}#banner{position:fixed;left:50%;top:calc(8px + env(safe-area-inset-top));z-index:70;width:min(560px,calc(100vw - 16px));transform:translate(-50%,-140%);transition:transform .25s ease}#banner.show{transform:translate(-50%)}@media(prefers-reduced-motion:reduce){#banner{transition:none}}.banner-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 30px #0000002e}.banner-text{min-width:0;display:grid}.banner-text b{font-size:14px}.banner-text span{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item.unread b{font-weight:800}.list-item.unread .grow p{color:var(--ink);font-weight:600}.unread-dot{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0a84ff;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center}.msg{transition:transform .18s ease;touch-action:pan-y}.msg.swiping{transition:none}.msg .reply-hint{position:absolute;left:-34px;top:50%;transform:translateY(-50%);opacity:0;color:var(--muted);font-size:18px}.msg{position:relative}.msg.mine .reply-hint{left:auto;right:-34px}.quote{display:block;width:100%;text-align:left;border:0;cursor:pointer;margin:2px 0 6px;padding:6px 10px;border-left:3px solid var(--gold);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 80%,transparent);color:inherit;font-size:13px}.msg.mine .quote{background:#ffffff2e;border-left-color:#ffffffb3}.quote b{display:block;font-size:12px}.quote span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.85}.msg.flash .bubble{animation:flash 1.2s ease}@keyframes flash{0%,to{box-shadow:none}30%{box-shadow:0 0 0 3px var(--gold)}}.reply-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-top:8px;border-radius:12px;background:var(--surface-2);font-size:14px}.reply-bar .grow{min-width:0;flex:1}.reply-bar b{display:block;font-size:12px;color:var(--gold)}.reply-bar span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.notify-card{display:flex;gap:12px;align-items:center;margin-bottom:8px}.notify-card p{font-size:14px;color:var(--muted)}html.native-app{-webkit-tap-highlight-color:transparent}html.native-app button,html.native-app .tabbar a,html.native-app .chip{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.photo-edit{display:flex;align-items:center;gap:16px;margin:4px 0 18px}.photo-edit .row{gap:8px;flex-wrap:wrap}.photo-edit input[type=file]{display:none}.find-people{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:4px 0 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}.find-people:hover{text-decoration:none;border-color:var(--accent)}.find-people .grow{flex:1;min-width:0;display:grid}.find-people .grow span{color:var(--muted);font-size:14px}.people{margin:6px 0 14px}.person{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.person>a{color:var(--ink)}.person>a:hover{text-decoration:none}.person>a:nth-child(2){flex:1;min-width:0}.person .grow{display:grid;gap:1px}.person .handle{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person .bio{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.person .btn{flex:none;min-width:92px}.play-hero{text-align:center;padding:22px 16px;margin-bottom:14px}.play-hero h1{font:600 26px/1.2 var(--serif)}.play-hero .marks{font-size:26px;letter-spacing:4px;margin:12px 0 4px}.play-hero .btn{margin-top:14px}.play-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.play-stats div{text-align:center;padding:10px 4px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.play-stats b{display:block;font-size:20px}.play-stats span{color:var(--muted);font-size:12px}.rank{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line);color:var(--ink)}.rank:hover{text-decoration:none}.rank.me b{color:var(--accent)}.rank .place{width:24px;text-align:center;font-weight:700;color:var(--muted);flex:none}.rank .grow{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank .pts{font-weight:700;flex:none}.practice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.quiz-top{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.quiz-bar{flex:1;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.quiz-bar i{display:block;height:100%;background:var(--accent);transition:width .2s}.quiz-time{font-variant-numeric:tabular-nums;font-weight:700;min-width:30px;text-align:right}.quiz-time.low{color:var(--danger)}.quiz-kind{font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.quiz-text{font-size:19px;line-height:1.45;margin-bottom:18px}.quiz-text.verse{font-family:var(--serif)}.quiz-choices{display:grid;gap:10px}.quiz-choices button{min-height:52px;padding:10px 14px;border-radius:14px;text-align:left;font:inherit;font-weight:500;cursor:pointer;background:var(--surface);border:1.5px solid var(--line);color:var(--ink)}.quiz-choices button:disabled{cursor:default;opacity:1}.quiz-choices button.right{border-color:#2e9e5b;background:color-mix(in srgb,#2e9e5b 20%,var(--surface))}.quiz-choices button.wrong{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 18%,var(--surface))}.quiz-built{min-height:96px;padding:10px;border-radius:14px;border:1.5px dashed var(--line);margin-bottom:12px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.quiz-built.right{border:1.5px solid #2e9e5b}.quiz-built.wrong{border:1.5px solid var(--danger)}.quiz-piece{padding:8px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font:inherit;font-size:15px;cursor:pointer}.quiz-piece:disabled{cursor:default;opacity:.9}.quiz-pieces{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.quiz-after{margin-top:16px}.quiz-after p{margin-bottom:10px}.home-links{display:grid;gap:10px;margin-top:14px}.home-links .find-people{margin:0}.study-list{display:grid;gap:10px}.study-card{display:block;color:inherit;margin-bottom:10px}.study-list .study-card{margin:0}.study-card:hover{text-decoration:none;border-color:var(--accent)}.study-card h2{font:600 20px/1.25 var(--serif);margin-bottom:2px}.study-card .quiz-bar{margin-top:10px}.study-hero{display:grid;gap:10px}.study-hero h1{font:600 26px/1.2 var(--serif)}.study-note{font-size:14px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.study-days{padding:4px 16px}.study-days a{display:flex;align-items:center;gap:12px;padding:12px 0;color:inherit;border-bottom:1px solid var(--line)}.study-days a:last-child{border-bottom:0}.study-days a:hover{text-decoration:none}.study-days .grow{flex:1;min-width:0;display:grid}.study-tick{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600;background:var(--surface-2)}.study-tick[aria-label]{background:var(--accent);color:var(--accent-ink)}.study-people{padding:4px 16px}.study-people a{display:flex;align-items:center;gap:10px;padding:8px 0;color:inherit}.study-people a:hover{text-decoration:none}.study-people .grow{flex:1;min-width:0}.study-pick{display:grid;gap:8px}.study-progress{display:flex;align-items:center;gap:10px;margin-bottom:12px}.study-progress .muted{white-space:nowrap}.study-title{font:600 26px/1.2 var(--serif);margin-bottom:14px}.study-ref{font:600 16px var(--sans)}.study-passage{font-size:18px}.study-passage sup{font:600 11px var(--sans);color:var(--muted);margin-right:3px}.study-notes p{margin-bottom:12px;line-height:1.6}.study-questions{padding-left:22px}.study-questions li{margin-bottom:10px;line-height:1.5}.study-prayer{font:italic 400 17px/1.6 var(--serif)}.study-more{display:grid;gap:8px}.study-finish{margin-top:22px}.chat-study{display:flex;align-items:center;gap:8px;padding:9px 12px;margin-top:8px;border-radius:12px;background:var(--surface-2);color:inherit;font-size:14px}.chat-study:hover{text-decoration:none}.chat-study .grow{flex:1;min-width:0}.study-head{margin-bottom:8px}.study-head select{width:auto;flex:none}.watch{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;gap:16px;padding:calc(14px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:var(--bg);overflow-y:auto}.watch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:15px}.watch-stage{flex:1;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.watch-line{width:100%;max-width:560px;text-align:center;font:500 26px/1.35 var(--serif);animation:watch-in .35s ease-out}.watch-line.ref{font-size:32px;font-weight:600}.watch-message{text-align:center}.watch-bottom{display:grid;gap:12px;width:100%;max-width:560px;margin:0 auto}.watch-script summary{cursor:pointer;font-size:14px;color:var(--muted)}.watch-script p{margin-top:8px;font-size:15px;line-height:1.5}@keyframes watch-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.watch-line{animation:none}}a.chip{text-decoration:none;color:inherit}.verse-results{display:grid;gap:10px}.verse-result{display:block;color:inherit}.verse-result:hover{text-decoration:none;border-color:var(--accent)}.verse-result h2{font:600 16px var(--sans);margin-bottom:6px}.verse-result .scripture{font-size:17px}.verse-result .why{margin-top:6px;font-size:14px;color:var(--muted)}.care-card{margin-bottom:14px;background:var(--surface-2)}.care-card p+p{margin-top:6px}.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.topic-list a{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;font-weight:500}.topic-list a:hover{text-decoration:none;border-color:var(--accent)}#topbar-back{font-size:26px;line-height:1;margin-right:2px}#topbar-back[hidden]{display:none}.topbar .brand{margin-right:auto}.home-links:first-child{margin-top:0}.habit{font-weight:600;text-align:center;margin-top:12px}.home-links .habit{margin:0}.book-intro{display:grid;gap:8px;margin-bottom:14px;font-size:15px;line-height:1.5}.hl-yellow{background:color-mix(in srgb,#e6c34a 32%,transparent)}.hl-green{background:color-mix(in srgb,#5fae74 30%,transparent)}.hl-blue{background:color-mix(in srgb,#5b9bd5 30%,transparent)}.hl-pink{background:color-mix(in srgb,#dc7fa3 30%,transparent)}.saved-yellow{border-left:4px solid #e6c34a}.saved-green{border-left:4px solid #5fae74}.saved-blue{border-left:4px solid #5b9bd5}.saved-pink{border-left:4px solid #dc7fa3}.swatches{display:flex;gap:10px;margin-bottom:14px}.swatch{width:40px;height:40px;border-radius:50%;border:2px solid var(--line);cursor:pointer}.swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}.verse-canvas{display:block;width:100%;height:auto;border-radius:12px}.ask-box{margin-bottom:14px}.ask-row{display:flex;gap:8px;margin-bottom:10px}.ask-row input{flex:1;min-width:0}.answer-story{margin:8px 0;font-size:15px}.answer-story[hidden]{display:none}.link-btn{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:14px;cursor:pointer}button.chat-study{width:100%;border:0;text-align:left;font:inherit;font-size:14px;cursor:pointer}.chat-study .grow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}