:root{--bg:#f6f6f6;--paper:#fff;--ink:#202020;--muted:#777;--line:#e5e5e5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#333;font:14px system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button,a{color:inherit}button{border:0;background:none;cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #888;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:-.6px;line-height:1.3}h1{font-size:33px}h2{font-size:24px}h3{font-size:17px}p{color:var(--muted);line-height:1.8;margin:12px 0}small{font-size:11px;color:#888}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#999}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-.7px}.brand img{width:43px;height:43px;border-radius:50%;background:white}.brand b{font-weight:450;color:#888}.brand small{display:block;font-size:7px;letter-spacing:1.3px;font-weight:600;margin-top:2px}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#202020;color:white;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.auth-story .brand{color:#fff}.auth-story h1{color:white;font-size:54px;font-weight:550;line-height:1.18;margin-top:25px}.auth-story p{color:#bdbdbd}.auth-story .eyebrow{color:#aaa}.auth-main{display:flex;justify-content:center;align-items:center;padding:50px 35px}.auth-card{width:100%;max-width:420px}.auth-card>.brand{display:none}.title{margin-bottom:27px}.title h1{margin-top:8px}.title p{font-size:12px;max-width:650px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:1px solid #202020;background:#202020;color:white;border-radius:8px;font-size:12px;font-weight:600}.btn:hover{background:#444}.btn.secondary{background:white;color:#555;border-color:#ddd}.btn.secondary:hover{background:#f1f1f1}.text-btn{color:#555;font-size:12px;font-weight:600;padding:7px 0}.text-btn:hover{text-decoration:underline}form{display:flex;flex-direction:column;gap:18px}form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:550;color:#666}input,select,textarea{width:100%;min-height:43px;padding:11px 12px;background:#fafafa;border:1px solid #ddd;border-radius:8px;font-size:13px;color:#333}input:focus,select:focus,textarea:focus{outline:2px solid #888;outline-offset:1px}textarea{resize:vertical;min-height:90px}.check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;font-size:12px;margin:8px 0}.check input{min-height:0;width:17px;height:17px;accent-color:#202020;margin:3px 0 0;flex-shrink:0}.check small{display:block;margin-top:5px;font-weight:400}.form-error{font-size:12px;color:#444;border-left:3px solid #555;padding-left:10px;margin:0;white-space:pre-wrap}.form-error:empty{display:none}.auth-switch{font-size:12px;text-align:center;margin-top:23px}.hint{font-size:11px;color:#999}.pending-page{max-width:600px;margin:0 auto;padding:45px 25px}.pending-page>.brand{margin:0 0 40px}.pending-page .card{padding:35px}.pending-page h1{font-size:27px}.pending-page .btn{margin:20px 10px 0 0}.pending-page .text-btn{margin-top:20px}.pending-icon{display:block;font-size:50px;margin:0 0 20px;color:#888}.card{padding:27px;border:1px solid var(--line);background:#fff;border-radius:15px;margin-bottom:22px}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column}.sidebar .brand{font-size:19px}.sidebar .brand img{width:40px;height:40px}.menu-label{display:block;margin:48px 12px 15px;font-size:8px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 15px;border-radius:8px;font-size:12px;color:#777}.sidebar nav button.active{background:#ededed;color:#202020;font-weight:650}.nav-symbol{font-size:22px;line-height:1;width:22px;text-align:center}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom p{font-size:11px;margin-top:25px}.sidebar-bottom .btn{width:100%;font-size:11px}.content-shell{margin-left:235px}header{height:88px;background:white;border-bottom:1px solid var(--line);padding:0 40px;display:flex;justify-content:space-between;align-items:center}.profile-trigger{display:flex;gap:12px;align-items:center;text-align:left}.avatar{width:40px;height:40px;border-radius:50%;background:#ededed;color:#555;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650}.profile-trigger b{display:block;font-size:13px}.profile-trigger small{font-size:10px}.role{font-size:9px;text-transform:uppercase;letter-spacing:1px;background:#f1f1f1;color:#888;border-radius:5px;padding:5px 10px}.release-note{padding:7px 40px;background:#ededed;color:#888;font-size:10px}.content-shell main{max-width:1300px;margin:auto;padding:35px 40px 40px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px}.hero{background:#202020;color:white;padding:35px;border-radius:16px;margin:0 0 25px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:220px;height:320px;right:-40px;bottom:-100px;border-radius:120px 120px 0 0;border:1px solid #ffffff25;transform:rotate(18deg);box-shadow:-30px 0 0 #ffffff04,-60px 0 0 #ffffff03;pointer-events:none}.hero h2{font-size:36px;color:white;line-height:1.2;font-weight:500;margin:22px 0}.hero p{color:#bbb;font-size:12px}.hero .eyebrow{font-size:8px}.home-grid .card p{font-size:12px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.completion-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eaeaea;border:1px solid #dedede;border-radius:12px;padding:23px 25px;margin-bottom:27px}.completion-banner p{font-size:11px;margin:5px 0 0}.completion-banner b{font-size:14px}.completion-banner .btn{white-space:nowrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:25px}.two-col section.card,.two-col aside .card{align-self:start}.two-col p{font-size:12px}.person{display:flex;flex-direction:column;border-top:1px solid var(--line);padding:15px 0;margin-top:15px}.person b{font-size:13px}.person small{font-size:10px;margin-top:5px}.list-item{border-top:1px solid var(--line);padding:20px 0;margin-top:20px}.list-item:last-child{padding-bottom:0}.list-item h3{font-size:15px}.list-item p{font-size:12px}.badge{background:#eee;color:#666;display:inline-block;font-size:9px;border-radius:20px;padding:4px 10px;margin:7px 0 0 8px;text-transform:capitalize}.badge.pending{border:1px dashed #aaa}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:10px}.stats .card{display:flex;flex-direction:column}.stats b{font-size:30px;font-weight:500}.group-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.group-grid h2{font-size:20px;margin-top:20px}.group-grid .badge{margin-left:0}.info{background:#eaeaea;border-radius:10px;padding:18px;margin-bottom:25px;font-size:12px}.more-list{max-width:650px}.more-item{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.more-item span{font-size:24px}.more-item b{font-size:16px}dl{display:grid;grid-template-columns:1fr 1.4fr;font-size:12px;gap:15px;margin:25px 0}dt{color:#999}dd{margin:0;overflow-wrap:anywhere}.content-shell footer{padding:20px 40px;border-top:1px solid var(--line);font-size:10px;color:#aaa}.bottom-nav{display:none}#notice:not(:empty){position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;border-radius:10px;padding:16px 23px;background:#252525;color:white;box-shadow:0 10px 30px #0003;font-size:12px;z-index:99}.loading{padding:50px;text-align:center;color:#888}
.line-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.nav-symbol{display:flex;align-items:center;justify-content:center}.sidebar-secondary{border-top:1px solid var(--line);margin:24px 12px 0;padding-top:8px}.sidebar-secondary .menu-label{margin:15px 0}.sidebar-secondary nav button{padding-left:0}.verse-card{padding:20px;background:#f7f7f7;border-radius:12px;margin-bottom:24px;color:#999}.verse-card p{font-family:Georgia,serif;font-size:17px;margin:13px 0}.verse-card small{font-size:8px;letter-spacing:1.5px}.sidebar{overflow-y:auto}.sidebar-bottom>p{display:none}.more-list{max-width:none}.more-item{gap:20px;min-height:116px;padding:26px}.more-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#f1f1f1;color:#999;flex-shrink:0}.more-copy{display:flex;flex-direction:column;flex:1;gap:5px}.more-copy small{font-size:12px;color:#999}.more-item .more-copy b{font-size:19px}.chevron{color:#aaa;font-size:28px}.hero{padding:40px;min-height:290px}.hero .btn{margin-top:16px}.hero h2{font-size:43px}.community-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px}.community-heading h2{font-size:21px}.feed-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.feed-tabs span{background:white;border:1px solid var(--line);padding:9px 17px;border-radius:30px;font-size:11px;color:#999}.feed-tabs .active{background:#ededed;color:#666}.home-grid{grid-template-columns:1fr}.home-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:22px}
[hidden]{display:none!important}dialog{border:1px solid #ddd;border-radius:20px;padding:32px;max-width:460px;width:calc(100% - 36px);color:#333;box-shadow:0 25px 80px #0003}dialog::backdrop{background:#0007;backdrop-filter:blur(3px)}dialog>img{border-radius:50%;display:block;margin-bottom:22px}dialog .eyebrow{display:block;margin-bottom:12px}dialog h2{font-size:26px}dialog p{font-size:13px}dialog small{display:block;margin-top:20px}.group-actions{margin-bottom:24px}.section-heading{font-size:21px;margin:25px 0 14px}.feed-tabs button{background:white;border:1px solid var(--line);padding:9px 17px;border-radius:30px;font-size:11px;color:#999}.feed-tabs button.active{background:#ededed;color:#333}.composer summary{font-weight:650;cursor:pointer;list-style:none}.composer form{margin-top:24px}.post-head{display:flex;align-items:center;gap:13px;margin-bottom:25px}.post-head>div{flex:1}.post-head b{font-size:13px}.post-head small{display:block;font-size:10px}.community-post h2{font-size:23px}.post-body,.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.event-strip{background:#f5f5f5;border:1px solid #eee;padding:18px;border-radius:10px;margin-top:20px;display:flex;flex-direction:column;gap:5px;font-size:12px}.attendance-form{padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.attendance-form .form-error{grid-column:1/-1}.post-interactions{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.post-interactions button{background:#f5f5f5;border:1px solid #eee;border-radius:20px;padding:7px 14px;font-size:12px}.post-interactions button.selected{background:#ddd;border-color:#888}.post-interactions>span{font-size:11px;color:#999}.comments{margin-top:17px}.comments>summary{cursor:pointer;font-size:12px;color:#777;margin-bottom:15px}.comment{border-left:2px solid #ddd;margin:18px 0;padding-left:15px}.comment p{font-size:12px;margin:5px 0}.comment b{font-size:12px}.attendance-results:not(:empty){margin-top:20px;padding:20px;background:#f7f7f7;border-radius:12px}.group-grid small{display:block}.sidebar-secondary .line-icon{width:22px}
@media(max-width:1100px){.home-grid{grid-template-columns:1fr}.home-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.auth-story{padding:45px}.auth-story h1{font-size:44px}.content-shell main{padding:30px}.sidebar{width:215px;padding:30px 16px}.content-shell{margin-left:215px}.sidebar .brand{font-size:18px}.sidebar .brand small{font-size:6px}.two-col{gap:20px}header{padding:0 30px}}
@media(max-width:720px){.auth-shell{display:block}.auth-story{display:none}.auth-main{padding:35px 24px;min-height:100dvh}.auth-card>.brand{display:flex;margin-bottom:40px}.auth-card{max-width:430px}.auth-card h1{font-size:28px}.sidebar{display:none}.content-shell{margin-left:0}header{height:76px;padding:0 20px}.profile-trigger small{font-size:9px}.profile-trigger b{font-size:12px}.release-note{padding:7px 20px;font-size:8px}.content-shell main{padding:26px 20px 25px}.title h1{font-size:28px}.title p{font-size:11px}.eyebrow{font-size:8px}.hero{padding:28px}.hero h2{font-size:32px}.two-col{grid-template-columns:1fr;gap:0}.home-grid aside{display:block}.card{padding:23px}.completion-banner{display:block;padding:22px}.completion-banner .btn{margin-top:16px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(69px + env(safe-area-inset-bottom));padding:9px 5px calc(9px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);justify-content:space-around;z-index:20}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:8px;min-width:58px;color:#999}.bottom-nav button.active{color:#161616;font-weight:650}.bottom-nav button.active .nav-symbol{background:#eaeaea;border-radius:5px;box-shadow:0 0 0 5px #eaeaea}.bottom-nav .nav-symbol{font-size:23px}.content-shell footer{padding:20px 20px 100px}.group-grid{grid-template-columns:1fr;gap:0}.stats{gap:8px}.stats .card{padding:15px 12px}.stats small{font-size:8px}.stats b{font-size:26px}.pending-page{padding:30px 20px}.pending-page .card{padding:27px}.pending-page h1{font-size:24px}#notice:not(:empty){bottom:90px;left:16px;right:16px;max-width:none;transform:none;font-size:11px}.actions .btn{font-size:11px}dl{font-size:11px}.two-col p{font-size:11px}}
.header-tools{display:flex;align-items:center;gap:18px}.notification-bell{position:relative;padding:10px;color:#555}.notification-count{position:absolute;right:-2px;top:0;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#202020;color:white;font-size:10px;line-height:18px;font-weight:650;text-align:center}.notification-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}.notification-toolbar>span{margin-right:auto;color:#888;font-size:12px}.notification-row{padding:20px 24px}.notification-row.unread{border-color:#bbb;background:#fdfdfd}.notification-open{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:0}.notification-open>span:nth-child(2){flex:1}.notification-open b{font-size:14px;overflow-wrap:anywhere}.notification-open small{display:block;margin-top:5px;font-size:10px}.notification-open>span:last-child{font-size:25px;color:#aaa}.notification-dot{width:8px;height:8px;border-radius:50%;background:transparent;flex-shrink:0}.unread .notification-dot{background:#202020}.notification-row>.text-btn{margin-left:23px;font-size:10px;margin-top:10px}@media(max-width:720px){.header-tools{gap:8px}.notification-row{padding:19px}.notification-open b{font-size:12px}.notification-toolbar .btn{font-size:10px;padding:9px 12px}}
