:root{--sans:"DM Sans",system-ui,sans-serif;--serif:"Lora",Georgia,serif;--brand:#1e6fd9;--brand-l:#4d94f0;--brand-d:#1250a0;--brand-glow:rgba(30,111,217,.18);--brand-sub:rgba(30,111,217,.09);--gold:#c9a84c;--gold-l:#e8c97a;--live:#22c55e;--live-glow:rgba(34,197,94,.2);--alert:#e05a2b;--success:#16a34a;--void:#eef2f9;--base:#f4f7fc;--panel:#fff;--panel2:#f8faff;--panel3:#edf1fa;--input:#eef2f9;--border:rgba(30,111,217,.1);--border2:rgba(30,111,217,.18);--h:#0d1b3e;--body:#2c3e5a;--muted:#6b7a99;--shadow-card:0 1px 3px rgba(13,27,62,.06),0 4px 16px rgba(13,27,62,.06);--shadow-pop:0 8px 32px rgba(13,27,62,.14);--ease:cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--void:#080c15;--base:#0d1120;--panel:#121828;--panel2:#171f30;--panel3:#1c2438;--input:#151d2e;--border:hsla(0,0%,100%,.07);--border2:hsla(0,0%,100%,.13);--h:#f0f4ff;--body:#b8c4dc;--muted:#6b7a99;--shadow-card:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.3);--shadow-pop:0 8px 32px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{background:var(--void);color:var(--body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button{font-family:var(--sans)}button{cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--sans)}a{text-decoration:none;color:inherit}ul{list-style:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulseLive{0%,to{box-shadow:0 0 0 3px var(--live-glow)}50%{box-shadow:0 0 0 7px rgba(34,197,94,.05)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.55}}.fade-up{animation:fadeUp .5s var(--ease) both}.fade-up-1{animation-delay:.08s}.fade-up-2{animation-delay:.18s}.fade-up-3{animation-delay:.3s}.fade-up-4{animation-delay:.42s}.cl-skeleton{background:linear-gradient(90deg,var(--panel2) 25%,var(--panel3) 50%,var(--panel2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.cl-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}.cl-scroll::-webkit-scrollbar{width:4px;height:4px}.cl-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.cl-cross{width:28px;height:28px;background:linear-gradient(135deg,var(--brand),var(--brand-l));border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-wordmark{display:flex;align-items:baseline;gap:0;font-size:1rem;line-height:1}.cl-wordmark-christ{font-family:var(--sans);font-weight:700;color:var(--h)}.cl-wordmark-learn{font-family:var(--serif);font-weight:700;font-style:italic;color:var(--brand)}.cl-wordmark-pipe{font-weight:400;color:#cbd5e0;margin:0 5px;font-size:.85rem}.cl-wordmark-community{font-weight:500;color:var(--brand);font-size:.88rem}.cl-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card)}.cl-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--brand);color:#fff;border:none;border-radius:12px;font-family:var(--sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s var(--ease);box-shadow:0 6px 20px var(--brand-glow)}.cl-btn-primary:hover:not(:disabled){background:var(--brand-l);transform:translateY(-1px)}.cl-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cl-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:none;color:var(--muted);border:1px solid var(--border);border-radius:10px;font-family:var(--sans);font-size:.84rem;font-weight:500;cursor:pointer;transition:all .15s}.cl-btn-ghost:hover{color:var(--h);border-color:var(--border2);background:var(--panel2)}.cl-btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;background:var(--alert);color:#fff;border:none;border-radius:10px;font-family:var(--sans);font-size:.84rem;font-weight:700;cursor:pointer;transition:opacity .15s}.cl-btn-danger:disabled{opacity:.6;cursor:not-allowed}.cl-topbar{display:flex;align-items:center;height:54px;padding:0 20px;gap:14px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:20}.cl-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-l));font-size:.68rem;font-weight:700;color:#fff;flex-shrink:0}.cl-avatar,.cl-icon-btn{display:flex;align-items:center;justify-content:center;cursor:pointer}.cl-icon-btn{width:34px;height:34px;border-radius:9px;color:var(--muted);font-size:.85rem;transition:all .15s;border:1px solid transparent;background:none}.cl-icon-btn:hover{background:var(--panel2);border-color:var(--border);color:var(--h)}.cl-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--h);color:#fff;padding:11px 22px;border-radius:99px;font-size:.84rem;font-weight:500;z-index:9999;animation:fadeUp .25s var(--ease) both;white-space:nowrap;box-shadow:var(--shadow-pop)}.cl-empty{text-align:center;padding:52px 20px;color:var(--muted)}.cl-empty-icon{font-size:2.5rem;margin-bottom:12px}.cl-empty-title{font-size:.95rem;font-weight:600;color:var(--h);margin-bottom:6px}.cl-empty-sub{font-size:.82rem;line-height:1.6}.cl-verse{display:block;font-family:var(--serif);font-style:italic;font-size:.82rem;color:var(--muted);line-height:1.65;padding:10px 14px;background:var(--brand-sub);border-left:3px solid var(--brand);border-radius:0 8px 8px 0}.cl-eyebrow{font-size:.58rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted)}@media (max-width:480px){html{font-size:14px}}