:root{color-scheme:light dark;--font-sans: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ja: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-zh: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--bg: #ffffff;--surface: #ffffff;--surface-soft: #f7f7f6;--surface-overlay: rgba(255, 255, 255, .94);--ink: #252525;--ink-inverted: #ffffff;--muted: #77736d;--line: #e8e6e2;--line-soft: #f1efeb;--line-active: #bfbab2;--line-hover: #c9c6c0;--accent: #252525;--focus: rgba(37, 37, 37, .18);--backdrop: rgba(36, 35, 31, .24);--shadow: 0 16px 44px rgba(28, 28, 28, .06)}:root[data-theme=dark]{--bg: #171717;--surface: #1d1d1d;--surface-soft: #262625;--surface-overlay: rgba(29, 29, 29, .92);--ink: #ece9e3;--ink-inverted: #171717;--muted: #a4a09a;--line: #32312f;--line-soft: #262524;--line-active: #625f59;--line-hover: #4a4742;--accent: #ece9e3;--focus: rgba(236, 233, 227, .2);--backdrop: rgba(0, 0, 0, .48);--shadow: 0 16px 44px rgba(0, 0, 0, .22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.75;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}.hero{position:relative;border-bottom:1px solid var(--line-soft);background:var(--surface)}.theme-toggle{position:absolute;top:22px;right:22px;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.theme-toggle__icon{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .16s ease,transform .16s ease}.theme-toggle__icon--sun{opacity:0;transform:scale(.8) rotate(-18deg)}:root[data-theme=dark] .theme-toggle__icon--moon{opacity:0;transform:scale(.8) rotate(18deg)}:root[data-theme=dark] .theme-toggle__icon--sun{opacity:1;transform:scale(1) rotate(0)}.theme-toggle:hover{border-color:var(--line-hover);color:var(--ink)}.theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hero__content{width:min(760px,calc(100% - 40px));margin:0 auto;padding:clamp(68px,10vw,112px) 0 clamp(48px,7vw,82px);color:var(--ink);text-align:center}.eyebrow,.content__kicker,.language-panel__label,.reading-flow__label,.sermon-part__heading p{margin:0;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:var(--muted)}h1,h2,h3{margin:0;line-height:1.18;letter-spacing:0}h1{max-width:680px;margin-top:18px;font-size:clamp(1.65rem,3.8vw,2.7rem);font-weight:700}.hero__lead{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.22rem)}.page-shell{width:min(1020px,calc(100% - 40px));margin:clamp(38px,6vw,68px) auto 0;display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;position:relative;z-index:2}.language-panel{position:sticky;top:24px}.language-panel__inner{max-height:calc(100vh - 48px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:none}.language-panel__label{margin-bottom:12px;color:var(--muted)}.language-switcher{display:grid;gap:8px}.language-switcher__button{min-height:46px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;font-weight:700;text-align:left;padding:0 14px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.language-switcher__button:hover{border-color:var(--line-hover);transform:translateY(-1px)}.language-switcher__button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--ink-inverted)}.reading-flow{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.reading-flow__status{display:grid;gap:4px}.reading-flow__label{color:var(--muted)}.reading-flow__current{margin:0;color:var(--ink);font-size:1.05rem;font-weight:800}.part-track{display:grid;gap:4px;margin-top:14px}.part-track__item{position:relative;display:block;min-height:28px;padding:4px 8px 4px 18px;border-radius:8px;color:var(--muted);font-size:.86rem;font-weight:700;text-decoration:none;transition:background-color .18s ease,color .18s ease}.part-track__item:before{content:"";position:absolute;left:6px;top:50%;width:5px;height:5px;border-radius:999px;background:var(--line);transform:translateY(-50%);transition:background-color .18s ease,transform .18s ease}.part-track__item:hover,.part-track__item.is-active{background:var(--surface-soft);color:var(--ink)}.part-track__item.is-active:before{background:var(--accent);transform:translateY(-50%) scale(1.35)}.mobile-reader-dock,.mobile-part-sheet{display:none}.content{min-width:0}.sermon-list{display:grid;gap:18px;padding-bottom:clamp(320px,48vh,500px)}.sermon-part{position:relative;scroll-margin-top:112px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:none;overflow:clip;transition:border-color .22s ease,box-shadow .22s ease,opacity .26s ease,transform .26s ease}.sermon-part:before{content:none}.js-enabled .sermon-part{opacity:.9;transform:translateY(8px)}.js-enabled .sermon-part.has-entered,.js-enabled .sermon-part.is-active{opacity:1;transform:translateY(0)}.sermon-part.is-active{border-color:var(--line-active);background:var(--surface);box-shadow:none}.sermon-part.is-active .sermon-part__heading p{border-color:var(--accent);background:var(--accent);color:var(--ink-inverted)}.sermon-part__heading{display:grid;gap:12px;padding:clamp(24px,4vw,36px) clamp(22px,5vw,48px) 0}.sermon-part__heading p{width:fit-content;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.7rem}.sermon-part__heading h3{max-width:22em;color:var(--ink);font-size:clamp(1.28rem,2.25vw,1.78rem);font-weight:700}.sermon-part__body{padding:20px clamp(22px,5vw,48px) clamp(28px,4vw,44px)}.sermon-part__body p{max-width:76ch;margin:0;font-size:clamp(1rem,1.15vw,1.08rem);line-height:1.95}.sermon-part__body p+p{margin-top:1.05em}[lang=ja]{font-family:var(--font-ja)}[lang=zh-Hant-TW]{font-family:var(--font-zh)}@media(max-width:820px){.hero__content{width:min(100% - 32px,680px);padding:52px 0 44px}.page-shell{width:min(100% - 32px,680px);margin-top:26px;display:block}.language-panel,.reading-flow,.part-track{display:none}.sermon-part{scroll-margin-top:18px}.mobile-reader-dock{position:fixed;right:16px;bottom:max(12px,env(safe-area-inset-bottom));left:16px;z-index:2147483000;display:grid;gap:8px;width:min(100% - 32px,420px);margin:0 auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-overlay);box-shadow:var(--shadow);backdrop-filter:blur(18px);transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.mobile-reader-dock[hidden]{display:none}.mobile-reader-dock__bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(94px,.42fr);gap:8px}.mobile-reader-dock__control{display:grid;gap:1px;min-height:44px;padding:6px 10px;border:1px solid transparent;border-radius:8px;background:var(--surface-soft);color:inherit;cursor:pointer;text-align:left}.mobile-reader-dock__control:focus-visible,.mobile-reader-dock__button:focus-visible,.mobile-part-list__item:focus-visible,.mobile-part-sheet__close:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mobile-reader-dock__control[aria-expanded=true]{border-color:var(--line-active);background:var(--surface)}.mobile-reader-dock__label{color:var(--muted);font-size:.64rem;font-weight:800;line-height:1.2;text-transform:uppercase}.mobile-reader-dock__value{color:var(--ink);font-size:.92rem;font-weight:800;line-height:1.2}.mobile-reader-dock__total{color:var(--muted);font-weight:700}.mobile-reader-dock__languages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:2px}.mobile-reader-dock__languages[hidden]{display:none}.mobile-reader-dock__button{min-height:44px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:.88rem;font-weight:800;text-align:center}.mobile-reader-dock__button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--ink-inverted)}.is-reading-scroll .mobile-reader-dock,.is-part-sheet-open .mobile-reader-dock{opacity:0;pointer-events:none;transform:translateY(calc(100% + 24px))}.mobile-part-sheet{position:fixed;inset:0;z-index:2147483001;display:grid;align-items:end}.mobile-part-sheet[hidden]{display:none}.mobile-part-sheet__backdrop{position:absolute;inset:0;border:0;background:var(--backdrop);cursor:pointer}.mobile-part-sheet__panel{position:relative;max-height:min(56vh,520px);padding:14px 16px max(18px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:8px 8px 0 0;background:var(--surface-overlay);box-shadow:var(--shadow);overflow:auto;backdrop-filter:blur(18px)}.mobile-part-sheet__header{position:sticky;top:-14px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-14px -16px 8px;padding:14px 16px 10px;border-bottom:1px solid var(--line);background:var(--surface-overlay);backdrop-filter:blur(18px)}.mobile-part-sheet__header p{margin:0;color:var(--ink);font-size:.95rem;font-weight:800}.mobile-part-sheet__close{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:800}.mobile-part-list{display:grid;gap:6px}.mobile-part-list__item{display:grid;gap:2px;min-height:58px;padding:10px 12px;border:1px solid transparent;border-radius:8px;color:var(--ink);text-decoration:none}.mobile-part-list__item.is-active{border-color:var(--line-active);background:var(--surface-soft)}.mobile-part-list__number{color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.2;text-transform:uppercase}.mobile-part-list__title{color:var(--ink);font-size:.95rem;font-weight:800;line-height:1.35}}@media(max-width:520px){.hero__content{padding-top:44px}h1{margin-top:14px}.sermon-list{gap:16px}.sermon-part__body p{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js-enabled .sermon-part{opacity:1;transform:none}}