:root{--paper:#faf9f4;--ink:#0c4f3d;--muted:#6f7882;--line:#e6e9e5;--soft:#eef5eb;--card:#fff;--purple:#bc39dd;--orange:#f59b20;--green:#42ae58;--red:#ed4d3e;--teal:#37a9a3}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#142923;font:15px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}.calendar-app{position:relative;width:min(480px,100%);min-height:100svh;margin:0 auto;padding:calc(13px + env(safe-area-inset-top)) 14px calc(108px + env(safe-area-inset-bottom));overflow:clip}.calendar-hero{position:relative;min-height:194px;padding:2px 4px 20px;overflow:hidden}.calendar-hero__photo{position:absolute;z-index:0;inset:-13px -20px 0 24%;background:url('/assets/sunday-church-reference.png') 66% 18%/cover no-repeat}.calendar-hero__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,rgba(250,249,244,.88) 31%,rgba(250,249,244,.24) 72%,rgba(250,249,244,.06)),linear-gradient(180deg,rgba(250,249,244,.08),var(--paper) 95%)}.brand-row,.calendar-hero h1,.calendar-hero p{position:relative;z-index:1}.brand-row{display:flex;align-items:flex-start;gap:8px}.brand-row img{width:47px;height:47px;object-fit:contain}.brand-row strong,.brand-row span,.brand-row small{display:block}.brand-row strong{font-size:16px;letter-spacing:-.35px}.brand-row span{margin-top:1px;color:#53636a;font-size:11px}.brand-row small{margin-top:2px;color:#758087;font-size:10px}.calendar-hero h1{max-width:290px;margin:24px 0 2px;color:var(--ink);font-size:29px;line-height:1;letter-spacing:-1.15px}.calendar-hero p{margin:0;color:var(--muted);font-size:14px}.calendar-panel{position:sticky;z-index:10;top:calc(6px + env(safe-area-inset-top));margin:0 -2px 18px;padding:10px 10px 11px;border:1px solid #edf0ec;border-radius:21px;background:#fffffff2;box-shadow:0 8px 22px #193a2b0b;backdrop-filter:blur(12px);scroll-margin-top:120px}.calendar-toolbar{display:grid;grid-template-columns:38px minmax(0,1fr) auto 38px;align-items:center;gap:5px}.calendar-toolbar button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#f1f5f1;color:var(--ink);font-size:26px;line-height:1}.calendar-toolbar h2{margin:0;font-size:16px;line-height:1;letter-spacing:-.35px}.calendar-toolbar .today{width:auto;height:31px;padding:0 10px;border-radius:15px;background:var(--soft);font-size:11px;font-weight:750}.weekday-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.weekday-row{margin-top:10px;color:#879099;font-size:9px;font-weight:800}.calendar-grid{row-gap:4px;margin-top:6px}.day-cell{display:grid;place-items:center;min-width:0;min-height:42px;padding:0;border:0;background:transparent;color:#142923}.day-cell__number{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:13px;font-weight:720}.day-cell.is-other{color:#b1b8bc}.day-cell.is-selected .day-cell__number{background:var(--ink);color:#fff;box-shadow:0 5px 12px #0c4f3d33}.dots{display:flex;justify-content:center;gap:2px;height:5px;margin-top:-2px}.dots i{width:4px;height:4px;border-radius:50%;background:var(--dot,#43ac58)}.calendar-panel.is-compact .day-cell.is-out-week{display:none}.calendar-panel.is-compact .calendar-grid{grid-template-rows:42px}.calendar-panel.is-expanded .calendar-grid{row-gap:6px}.feed-status{margin:-6px 3px 12px;padding:9px 11px;border-radius:12px;background:#fff3df;color:#805d21;font-size:12px}.timeline{position:relative}.day-group{margin:0 0 18px;scroll-margin-top:107px}.day-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 4px 8px;color:var(--ink)}.day-heading h2{margin:0;font-size:17px;letter-spacing:-.4px}.day-heading h2 span{color:#58706a;font-size:13px;font-weight:600}.day-heading p{margin:0;color:#879099;font-size:11px}.day-card{overflow:hidden;border:1px solid #edf0ec;border-radius:16px;background:var(--card);box-shadow:0 7px 18px #17362a0a}.event-row{position:relative;display:grid;grid-template-columns:5px 62px minmax(0,1fr) 26px;align-items:center;min-height:68px;padding:8px 8px 8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;text-align:left;color:inherit}.event-row:last-child{border-bottom:0}.event-row__stripe{align-self:stretch;border-radius:0 5px 5px 0;background:var(--accent,var(--teal));min-height:35px}.event-row__time{padding-left:12px;color:#153d36;font-size:14px;font-weight:800}.event-row__body{min-width:0}.event-row__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:760;letter-spacing:-.18px}.event-row__subtitle{display:block;overflow:hidden;margin-top:2px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px}.event-row__chevron{color:#7b8987;font-size:24px;font-weight:300;text-align:right}.empty-day{margin:0 3px 16px;padding:12px;border-radius:14px;background:#f1f5f1;color:#68776f;font-size:13px}.skeleton{display:grid;gap:12px}.skeleton i{display:block;height:76px;border-radius:16px;background:linear-gradient(90deg,#eff2ee,#fafbf9,#eff2ee);background-size:200% 100%;animation:pulse 1.2s linear infinite}@keyframes pulse{to{background-position:-200% 0}}.calendar-nav{position:fixed;z-index:30;bottom:calc(9px + env(safe-area-inset-bottom));left:50%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;width:min(452px,calc(100% - 26px));padding:8px 3px;border:1px solid #e4e9e5;border-radius:26px;background:#fffffff2;box-shadow:0 12px 25px #1d2c2538;backdrop-filter:blur(12px);transform:translateX(-50%)}.calendar-nav a{display:grid;place-items:center;gap:2px;min-height:53px;border-radius:16px;color:#758090;text-decoration:none;font-size:10px;font-weight:650}.calendar-nav span{font-size:21px;line-height:1}.calendar-nav .active{color:var(--ink);font-weight:800}.calendar-nav .active span{display:grid;place-items:center;width:42px;height:29px;border-radius:12px;background:#dcefe4}.event-modal{position:fixed;z-index:50;inset:0;display:none;align-items:flex-end;background:#071d1880}.event-modal.show{display:flex}.event-sheet{position:relative;width:min(480px,100%);max-height:82svh;overflow:auto;padding:11px 14px calc(16px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:#fff}.sheet-handle{width:43px;height:5px;margin:0 auto 12px;border-radius:6px;background:#dbe2dd}.sheet-close{position:absolute;top:17px;right:15px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#eef3ef;color:var(--ink);font-size:23px}.sheet-brand{display:flex;align-items:center;gap:6px;margin:0 42px 10px 2px}.sheet-brand img{width:31px;height:31px;object-fit:contain}.sheet-brand b,.sheet-brand span{display:block}.sheet-brand b{font-size:13px}.sheet-brand span{color:#77837f;font-size:10px}.event-hero{height:144px;overflow:hidden;border-radius:17px;background:#e7eeea}.event-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.event-sheet__body{padding:11px 3px 0}.event-sheet__body>small{color:#648075;font-size:9px;font-weight:800;letter-spacing:.7px}.event-sheet h2{margin:3px 0 12px;color:var(--ink);font-size:27px;line-height:1.05;letter-spacing:-1px}.event-details{overflow:hidden;border:1px solid #edf0ec;border-radius:15px;background:#fff}.detail-row{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;min-height:43px;padding:6px 9px;border-bottom:1px solid var(--line);color:#334d47;font-size:13px}.detail-row:last-child{border-bottom:0}.detail-row i{display:grid;place-items:center;width:27px;height:27px;border-radius:10px;background:var(--soft);color:var(--ink);font-style:normal}.event-sheet h3{margin:15px 0 4px;color:var(--ink);font-size:16px}.event-sheet p{margin:0;color:#62736f;font-size:14px;line-height:1.45}.event-extra{margin-top:8px!important}.primary-cta,.moderator-note a{display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:15px;border-radius:15px;background:linear-gradient(120deg,#075043,#0b6a56);color:#fff;text-decoration:none;font-size:14px;font-weight:800}.moderator-note{margin-top:13px;padding:11px;border-radius:14px;background:#f2f6f2}.moderator-note a{min-height:43px;margin-top:9px;background:#fff;color:var(--ink);border:1px solid #dce7e1}.event-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.event-secondary button,.sheet-bottom-close{min-height:42px;border:1px solid #dce7e1;border-radius:13px;background:#f8faf8;color:#164a40;font-size:12px;font-weight:750}.sheet-bottom-close{display:block;width:100%;margin-top:10px;background:#fff}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skeleton i{animation:none}}@media(min-width:520px){.calendar-app{padding-left:21px;padding-right:21px}.calendar-hero{min-height:215px}.calendar-hero h1{font-size:34px}.event-sheet{border-radius:30px}.calendar-nav{width:min(460px,calc(100% - 34px))}}