@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f7f8f4;--ink:#263e35;--muted:#778078;--line:#e2e6dc;--green:#244c40;--lime:#dcecae;--white:#fff;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--sans)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ba8b46;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.55}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;padding:36px 24px 20px;border-right:1px solid var(--line);background:#fcfcf9;display:flex;flex-direction:column}.brand{font-size:40px;letter-spacing:-2px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:9px}.brand-icon{font-size:43px;font-weight:400}.brand-dot{color:#8d9f58;margin-left:-9px}.brand-caption{font-size:8px;letter-spacing:1.7px;margin:3px 0 43px}nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;text-align:left;padding:13px 12px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:12px}.nav-item>span{font-size:20px;width:21px;text-align:center;line-height:1}.nav-item.active{background:#e9eee2;color:#284d3c;font-weight:700}.nav-item:hover{background:#eef1e8}.nav-item i{width:6px;height:6px;background:#cb795e;border-radius:50%}.sidebar-note{margin-top:auto;padding:24px 4px 29px}.small-label{font-size:9px;font-weight:700;letter-spacing:1.5px}.sidebar-note p{font-family:var(--serif);font-size:25px;line-height:1.2}.text-button{background:none;border:0;padding:0;font-size:11px;font-weight:600}.profile{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);background:none;padding:20px 0 0;text-align:left}.profile strong{font-size:12px}.profile small{display:block;color:var(--muted);font-size:10px}.profile>span:last-child{margin-left:auto}.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ebdac7;color:#66503c;font-size:12px;flex-shrink:0}.sage{background:#dce6d6;color:#48634b}.rose{background:#f0ded7;color:#8a5e4f}.workspace{margin-left:250px}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid var(--line);font-size:12px}.topbar>div{display:flex;align-items:center;gap:20px}.demo-pill{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.button{border:1px solid var(--green);background:var(--green);color:white;border-radius:6px;padding:11px 19px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px}.button:hover{filter:brightness(1.12)}.button.light{background:white;color:var(--ink);border-color:var(--line)}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.small{padding:9px 13px;font-size:11px}main{max-width:1420px;margin:auto;padding:34px 42px 50px}.eyebrow{color:#6c7f55;font-size:9px;letter-spacing:2px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:49px;font-weight:400;line-height:1.1;letter-spacing:-1px;margin:8px 0 12px}h2{font-family:var(--serif);font-size:29px;font-weight:400;line-height:1.2;margin:0}h3{line-height:1.4}.intro{color:var(--muted);font-size:12px;margin-bottom:25px}.hero{background:#e8eddd;border-radius:12px;position:relative;overflow:hidden;min-height:266px;display:flex;align-items:center;padding:33px 36px;margin-bottom:30px}.hero-copy{width:65%;position:relative;z-index:1}.hero h2{font-size:40px;max-width:420px;margin:10px 0 13px;letter-spacing:-.5px}.hero p{font-size:12px;max-width:325px;color:#61705d}.hero-art{position:absolute;right:24px;bottom:-1px;width:34%;height:245px}.hero-art .arch{position:absolute;inset:10px 9% 0;border-radius:140px 140px 0 0;background:#d2dcc4;overflow:hidden}.hero-art .sun{position:absolute;width:76px;height:76px;border-radius:50%;background:#f5edc9;top:40px;left:45%}.hill{position:absolute;width:280px;height:160px;border-radius:50%;background:#a7b898;bottom:-60px;left:-80px;transform:rotate(15deg)}.hill.two{background:#7c9679;left:50px;bottom:-70px;transform:rotate(-25deg)}.hero-art svg{position:absolute;width:125px;bottom:8px;left:17%;stroke:#405e43;fill:none;stroke-width:2}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.section-head p{margin:5px 0 0;font-size:11px;color:var(--muted)}.section-head .text-button{color:#5f7350}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:34px}.live-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white}.live-cover{height:136px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#b9c1a8}.live-cover:before,.live-cover:after{content:'';position:absolute;width:220px;height:160px;border-radius:50%;transform:rotate(-25deg);bottom:-85px;background:#82916d;left:-30px}.live-cover:after{background:#4d6852;left:100px;bottom:-95px}.cover-1{background:#dcc7ad}.cover-1:before{background:#bc9472}.cover-1:after{background:#846956}.cover-2{background:#bacbd1}.cover-2:before{background:#8ea6b2}.cover-2:after{background:#607e8e}.cover-word{font-family:var(--serif);font-size:29px;position:relative;z-index:1;color:white;text-shadow:0 1px 10px #263e3540}.badge{position:absolute;top:13px;left:13px;z-index:2;font-size:8px;font-weight:700;letter-spacing:.8px;padding:4px 7px;border-radius:3px;background:#fcfcf5e8}.badge.live{background:#fff;color:#975840}.cover-play{position:absolute;right:13px;bottom:13px;border:1px solid #ffffff80;color:white;border-radius:50%;height:27px;width:27px;text-align:center;z-index:2}.live-body{padding:16px}.meta{font-size:9px;color:var(--muted);letter-spacing:.3px}.live-body h3{font-size:13px;margin:6px 0 10px}.host-line{display:flex;gap:8px;align-items:center;font-size:10px;color:#758074}.host-line .avatar{width:25px;height:25px;font-size:9px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:8px}.card-bottom .meta{font-size:9px}.columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:25px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.tab{border:1px solid var(--line);border-radius:20px;background:transparent;padding:6px 13px;font-size:10px}.tab.active{background:var(--green);border-color:var(--green);color:white}.post{padding:21px;background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:14px}.post-top{display:flex;align-items:center;gap:10px}.post-top strong{font-size:11px}.post-top small{display:block;font-size:9px;color:var(--muted)}.post-type{font-size:8px;background:#f0f2e9;padding:3px 7px;border-radius:4px;margin-left:auto}.post h3{font-size:14px;margin:16px 0 7px}.post p{font-size:12px;color:#687169;white-space:pre-wrap;overflow-wrap:anywhere}.verse{border-left:2px solid #b4c391;padding:9px 13px;background:#f7f8f2;font-family:var(--serif);font-size:20px;margin:14px 0}.verse small{display:block;font:9px var(--sans);margin-top:7px;color:#7a846d}.post-actions{display:flex;gap:17px;border-top:1px solid #f0f1eb;padding-top:13px}.post-actions button{border:0;background:none;font-size:10px;color:#71806c;padding:2px 0}.post-actions button:last-child{margin-left:auto}.daily{background:#edf0e3;border:1px solid #dfe5d2;border-radius:10px;padding:24px;margin-bottom:23px}.daily .verse{font-size:27px;border:0;background:none;padding:15px 0 5px;line-height:1.25;margin:0}.daily p{font-size:11px;color:#6c7865;margin-top:15px}.group-mini{display:flex;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.group-icon{height:39px;width:39px;display:flex;align-items:center;justify-content:center;background:#eee4d5;border-radius:9px;font-size:22px;flex-shrink:0}.group-mini strong{font-size:11px}.group-mini small{display:block;font-size:9px;color:var(--muted)}.group-mini button{margin-left:auto}.welcome-note{font-size:11px;color:var(--muted);padding:20px 0}.welcome-note strong{color:#5e7053;display:block;margin-bottom:4px}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.group-card{background:white;border:1px solid var(--line);border-radius:10px;padding:25px}.group-card h3{font-family:var(--serif);font-weight:400;font-size:28px;margin:17px 0 7px}.group-card p{font-size:12px;color:var(--muted)}.group-card .button{margin-top:18px;width:100%}.page-lead{margin-bottom:30px}.search{width:100%;margin:12px 0 24px}.empty{padding:45px;text-align:center;border:1px dashed #cdd5c4;border-radius:10px;color:var(--muted)}footer{padding:20px 42px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}dialog{border:1px solid var(--line);border-radius:14px;padding:25px;width:min(550px,calc(100% - 30px));max-height:90vh;color:var(--ink);box-shadow:0 24px 100px #182b3330}dialog::backdrop{background:#172d2666;backdrop-filter:blur(3px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.icon-button{border:0;background:none;font-size:27px;line-height:1;padding:4px 8px}dialog h2{margin-bottom:13px}dialog p,dialog li{font-size:12px;color:#687469}label{display:block;font-size:12px;margin:15px 0 6px}input,textarea,select{width:100%;border:1px solid #d7ddcf;background:#fcfdf9;color:var(--ink);border-radius:6px;padding:11px}textarea{min-height:110px;resize:vertical}.check-label{display:flex;align-items:center;gap:9px}.check-label input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.notice{padding:12px;background:#f1f2e7;border-radius:7px;font-size:11px!important}.preview-stage{background:#244c40;color:#e7eccf;border-radius:8px;padding:40px 20px;text-align:center;font-family:var(--serif);font-size:30px;margin:15px 0}.preview-stage small{display:block;font:11px var(--sans);margin-top:12px}.discussion-reply{border-left:2px solid #d6dfc9;padding:8px 12px;margin:12px 0;background:#f8f9f3}.discussion-reply p{margin:4px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#244c40;color:white;border-radius:8px;padding:12px 22px;box-shadow:0 5px 25px #0002;font-size:12px;z-index:5;transition:transform .2s;max-width:90vw}#toast.visible{transform:translateX(-50%) translateY(0)}.skip{position:fixed;top:-100px;z-index:10;padding:10px;background:white}.skip:focus{top:10px}
@media(min-width:1450px){main{padding-top:45px}.hero{min-height:300px}.live-cover{height:165px}}@media(max-width:1150px){.sidebar{width:210px;padding:30px 18px}.workspace{margin-left:210px}.topbar{padding:0 25px}main{padding:28px 25px}.columns{grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr)}.live-grid{gap:10px}.live-body{padding:12px}.card-bottom{align-items:flex-start;flex-direction:column}.group-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{width:76px;padding:24px 10px}.brand{font-size:0;justify-content:center}.brand-icon{font-size:36px}.brand-caption,.brand-dot,.sidebar-note,.profile{display:none}.sidebar nav{margin-top:35px}.nav-item{font-size:0;justify-content:center;padding:15px 0;gap:0}.nav-item i{display:none}.nav-item>span{font-size:23px}.workspace{margin-left:76px}.columns{grid-template-columns:1fr}.side-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.welcome-note{display:none}.hero h2{font-size:34px}footer{flex-direction:column}.topbar>div{gap:8px}.demo-pill{display:none}}@media(max-width:580px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:65px;border:0;border-top:1px solid var(--line);padding:0;z-index:3}.brand{display:none}.sidebar nav{display:flex;margin:0;justify-content:space-around;height:100%;align-items:center}.nav-item{width:55px;padding:14px}.workspace{margin-left:0;padding-bottom:65px}.topbar{height:65px;padding:0 18px;font-size:10px}main{padding:25px 18px}h1{font-size:40px}.hero{padding:25px;min-height:290px}.hero-copy{width:78%}.hero h2{font-size:33px}.hero p{max-width:215px}.hero-art{right:-60px;width:49%;opacity:.65}.hero .button{position:relative;z-index:2}.live-grid{grid-template-columns:1fr}.live-card{display:grid;grid-template-columns:115px 1fr}.live-cover{height:100%;min-height:180px}.cover-word{font-size:21px;text-align:center}.live-body{padding:15px}.card-bottom{flex-direction:row;align-items:center}.cover-play{display:none}.group-grid,.side-content{grid-template-columns:1fr}.section-head h2{font-size:26px}.post{padding:16px}.post-actions{gap:12px}.post-type{font-size:7px}footer{padding:20px 18px}.daily{margin-bottom:0}}