@charset "UTF-8";.pub{--pu-pine: #17382E;--pu-pine-2: #1F4A3D;--pu-gold: #B78B3C;--pu-gold-soft: #F3EAD5;--pu-paper: #FAF8F3;--pu-card: #FFFFFF;--pu-ink: #1E211E;--pu-ink-2: #4E554F;--pu-ink-3: #6E756F;--pu-line: rgb(30 33 30 / .1);--pu-serif: "Noto Serif KR", "Nanum Myeongjo", Batang, serif;min-height:100dvh;display:flex;flex-direction:column;background:var(--pu-paper);color:var(--pu-ink);--accent: var(--pu-pine);--accent-hover: var(--pu-pine-2);--accent-press: #102620;--accent-text: var(--pu-pine);--accent-ink: var(--pu-pine);--accent-soft: var(--pu-gold-soft);--accent-line: var(--pu-gold);--on-accent: #F4F1E4;--bg: var(--pu-paper);--surface: var(--pu-card);--surface-2: #F1EEE6;--text: var(--pu-ink);--text-2: var(--pu-ink-2);--text-3: var(--pu-ink-3)}.pub .tab.on{border-bottom-color:var(--pu-gold)}.pub-head{position:sticky;top:0;z-index:120;background:color-mix(in srgb,var(--pu-paper) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--pu-line)}.pub-head-in{max-width:1240px;margin:0 auto;height:72px;padding:0 24px;display:flex;align-items:center;gap:18px}.pub-brand{display:flex;align-items:center;gap:11px}.pub-mark{width:34px;height:34px;flex:0 0 auto;border-radius:8px;background:var(--pu-pine);color:#f4f1e4;display:grid;place-items:center}.pub-brand-name{font-family:var(--pu-serif);font-weight:700;font-size:1.28rem;letter-spacing:.01em}.pub-nav{display:none;gap:4px;margin-left:auto}@media (min-width: 981px){.pub-nav{display:flex}}.pub-nav a{padding:9px 13px;font-size:.95rem;font-weight:600;color:var(--pu-ink-2);border-bottom:2px solid transparent;white-space:nowrap}.pub-nav a:hover{color:var(--pu-ink)}.pub-nav a.on{color:var(--pu-pine);border-bottom-color:var(--pu-gold)}.pub-actions{display:flex;align-items:center;gap:8px;margin-left:auto}@media (min-width: 981px){.pub-actions{margin-left:12px}}.pub-login{padding:9px 18px;border-radius:8px;background:var(--pu-pine);color:#f4f1e4;font-size:.9rem;font-weight:700;white-space:nowrap}.pub-login:hover{background:var(--pu-pine-2)}.pub-burger{display:grid;place-items:center;width:40px;height:40px;border:none;background:none;border-radius:8px;color:var(--pu-ink)}@media (min-width: 981px){.pub-burger{display:none}}.pub-drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:#17382e73}.pub-drawer{position:fixed;top:0;right:0;bottom:0;z-index:191;width:min(320px,86vw);background:var(--pu-paper);border-left:1px solid var(--pu-line);padding:14px 16px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;display:flex;flex-direction:column;gap:2px;animation:pub-drawer-in .2s cubic-bezier(.25,.46,.45,.94)}@keyframes pub-drawer-in{0%{transform:translate(100%)}}.pub-drawer-head{display:flex;align-items:center;gap:9px;font-family:var(--pu-serif);font-weight:700;font-size:1.05rem;padding:6px 4px 14px;border-bottom:1px solid var(--pu-line);margin-bottom:8px}.pub-drawer a{padding:12px 10px;border-radius:8px;font-size:1rem;font-weight:600;color:var(--pu-ink-2)}.pub-drawer a:hover,.pub-drawer a.active{background:var(--pu-gold-soft);color:var(--pu-ink)}.pub-main{flex:1 1 auto}.pub-wrap{max-width:1240px;margin:0 auto;padding:0 24px}.pub-section{padding:56px 0}.pub-section-tight{padding:34px 0}.pub-section-title{font-family:var(--pu-serif);font-size:clamp(1.45rem,2.6vw,1.9rem);font-weight:700;letter-spacing:.01em}.pub-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:22px}.pub-section-head .more{font-size:.9rem;font-weight:600;color:var(--pu-ink-3)}.pub-section-head .more:hover{color:var(--pu-pine)}.pub-section-title:after{content:"";display:block;width:44px;height:3px;margin-top:10px;background:var(--pu-gold)}.pub-card{background:var(--pu-card);border:1px solid var(--pu-line);border-radius:14px}.pub-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 26px;border-radius:9px;background:var(--pu-pine);color:#f4f1e4;font-size:1rem;font-weight:700;border:none}.pub-btn:hover{background:var(--pu-pine-2)}.pub-btn-ghost{background:transparent;color:#f4f1e4;box-shadow:inset 0 0 0 1.5px #f4f1e48c}.pub-btn-ghost:hover{background:#f4f1e41a;box-shadow:inset 0 0 0 1.5px #f4f1e4d9}.pub-btn-paper{background:transparent;color:var(--pu-pine);box-shadow:inset 0 0 0 1.5px var(--pu-pine)}.pub-btn-paper:hover{background:var(--pu-gold-soft)}.pub-hero{position:relative;background:radial-gradient(90% 120% at 78% -10%,#2A5A49 0%,transparent 55%),radial-gradient(70% 90% at 12% 110%,#10261F 0%,transparent 60%),var(--pu-pine);color:#f4f1e4;overflow:hidden}.pub-hero:after{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:linear-gradient(112deg,transparent 42%,rgb(244 233 200 / .05) 46%,transparent 52%),linear-gradient(112deg,transparent 60%,rgb(244 233 200 / .04) 65%,transparent 72%);pointer-events:none}.pub-hero-in{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:92px 24px 84px}.pub-hero-verse{font-family:var(--pu-serif);font-size:clamp(1.7rem,4.2vw,2.9rem);line-height:1.62;font-weight:700;max-width:22ch;margin:0;text-wrap:balance}.pub-hero-ref{margin-top:16px;color:#d9c08a;font-weight:700;font-size:1.02rem;letter-spacing:.05em}.pub-hero-tag{margin-top:20px;color:#f4f1e4d1;font-size:1.05rem;max-width:52ch}.pub-hero-cta{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}.pub-worship-strip{position:relative;z-index:1;background:#10261f8c;border-top:1px solid rgb(244 233 200 / .16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pub-worship-strip-in{max-width:1240px;margin:0 auto;padding:16px 24px;display:flex;gap:34px;overflow-x:auto;scrollbar-width:none}.pub-worship-strip-in::-webkit-scrollbar{display:none}.pub-ws{flex:0 0 auto;display:flex;align-items:baseline;gap:9px}.pub-ws .nm{font-weight:700;font-size:.93rem;color:#f4f1e4eb;white-space:nowrap}.pub-ws .tm{font-family:var(--pu-serif);font-weight:700;font-size:1.06rem;color:#d9c08a}.pub-ws .dy{font-size:.8rem;color:#f4f1e499}.pub-sermon{display:grid;gap:26px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start}@media (max-width: 900px){.pub-sermon{grid-template-columns:minmax(0,1fr)}}.pub-sermon-main{overflow:hidden;border-radius:14px}.pub-sermon-meta{padding:18px 20px}.pub-sermon-title{font-family:var(--pu-serif);font-size:1.3rem;font-weight:700}.pub-video-item{display:flex;gap:13px;align-items:center;padding:11px;border-radius:12px}.pub-video-item:hover{background:var(--pu-gold-soft)}.pub-video-item img{width:128px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;flex:0 0 auto}.pub-post{display:flex;align-items:center;gap:13px;padding:15px 4px;border-bottom:1px solid var(--pu-line)}.pub-post:last-child{border-bottom:none}.pub-post .tag{flex:0 0 auto;padding:3px 10px;border-radius:5px;background:var(--pu-gold-soft);color:#7a5a18;font-size:.76rem;font-weight:700}.pub-post .t{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-post .d{color:var(--pu-ink-3);font-size:.84rem;font-variant-numeric:tabular-nums}.pub-invite{background:radial-gradient(80% 140% at 85% 0%,#2A5A49 0%,transparent 60%),var(--pu-pine);color:#f4f1e4;border-radius:18px;padding:44px 40px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.pub-invite h2{font-family:var(--pu-serif);font-size:clamp(1.3rem,2.4vw,1.7rem)}.pub-invite p{color:#f4f1e4cc;margin-top:8px;max-width:46ch}.pub-foot{margin-top:56px;background:var(--pu-pine);color:#f4f1e4d9}.pub-foot-in{max-width:1240px;margin:0 auto;padding:40px 24px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.pub-foot-brand{display:flex;align-items:center;gap:12px}.pub-mark-dark{background:#f4f1e421}.pub-foot-name{font-family:var(--pu-serif);font-weight:700;font-size:1.12rem;color:#f4f1e4}.pub-foot-tag{font-size:.86rem;color:#f4f1e499;margin-top:2px}.pub-foot-nav{display:flex;gap:4px 22px;flex-wrap:wrap}.pub-foot-nav a{font-size:.9rem;font-weight:600;color:#f4f1e4c7}.pub-foot-nav a:hover{color:#f4f1e4}.pub-foot-copy{border-top:1px solid rgb(244 241 228 / .16);padding-top:16px;font-size:.8rem;color:#f4f1e48c}.pub h1,.pub h2,.pub h3{font-family:var(--pu-serif)}@media (max-width: 640px){.pub-head-in{height:62px;padding:0 16px}.pub-hero-in{padding:64px 16px 56px}.pub-wrap{padding:0 16px}.pub-section{padding:40px 0}.pub-invite{padding:32px 22px}}.rv{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.rv.in{opacity:1;transform:none}.hero-e1{animation:hero-up .7s ease both}.hero-e2{animation:hero-up .7s ease .18s both}.hero-e3{animation:hero-up .7s ease .34s both}@keyframes hero-up{0%{opacity:0;transform:translateY(16px)}}.pub-visit{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:stretch}@media (max-width: 900px){.pub-visit{grid-template-columns:minmax(0,1fr)}}.pub-visit-info{padding:24px;display:flex;flex-direction:column;gap:16px}.pub-visit-ws{border-top:1px solid var(--pu-line);padding-top:14px;display:flex;flex-direction:column;gap:8px}.pub-visit-map{overflow:hidden;min-height:240px}.home-chalk{position:relative;border-radius:var(--r-surface);overflow:hidden;padding:44px 40px 72px;background:var(--sb-board);background-image:var(--sb-grain);color:var(--sb-ink-1);box-shadow:inset 0 0 0 1px var(--wood-rail)}.home-chalk:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;pointer-events:none;background:repeating-linear-gradient(180deg,rgb(255 255 255 / .05) 0 1px,rgb(0 0 0 / .09) 1px 2px,transparent 2px 7px),linear-gradient(180deg,#6c4728 0,#6c4728 2px,#b58558 2px,#b58558 5px,#996b41 5px,#996b41 11px,#7e5432 11px,#7e5432 20px,#613f21 20px,#613f21 28px,#462c13 28px,#462c13 34px);box-shadow:inset 0 3px 6px #00000073}.home-chalk .chalk-stick,.home-chalk .chalk-eraser{position:absolute;z-index:2;pointer-events:none}.home-chalk .chalk-stick{bottom:20px;left:12%;width:56px;height:10px;border-radius:5px;background:linear-gradient(180deg,#fff 0,#fff 3px,#f2eee2 3px,#f2eee2 7px,#cfc9b8 7px,#cfc9b8 10px);box-shadow:0 3px 5px #00000073}.home-chalk .chalk-eraser{bottom:18px;right:10%;width:88px;height:24px;border-radius:3px;background:linear-gradient(180deg,#8a6039 0,#8a6039 8px,#6b4728 8px,#6b4728 10px,#39423e 10px,#39423e 19px,#232b28 19px,#232b28 24px);box-shadow:0 4px 7px #00000080}.home-chalk-in{position:relative;z-index:1;max-width:720px}.home-chalk-brand{display:flex;align-items:center;gap:9px;font-weight:var(--w-bold);margin-bottom:26px}.home-chalk-verse{font-family:"Gaegu",var(--font-title);font-size:clamp(1.6rem,3.6vw,2.4rem);line-height:1.5;max-width:24ch;margin:0;color:var(--sb-ink-1);text-shadow:0 0 14px rgb(244 249 245 / .12)}.home-chalk-ref{margin-top:10px;font-family:"Gaegu",var(--font-title);color:var(--sb-mark);font-weight:var(--w-bold);font-size:1.1rem}.home-chalk-tag{margin-top:14px;color:var(--sb-ink-2);font-size:var(--fs-14)}.home-chalk-btn{background:transparent;color:var(--sb-ink-1);box-shadow:inset 0 0 0 1px var(--sb-ink-3)}.home-chalk-btn:hover{background:var(--sb-hover);box-shadow:inset 0 0 0 1px var(--sb-ink-2)}.home-video img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}@media (max-width: 860px){.home-chalk{padding:32px 22px 64px}}.about-article{max-width:78ch}.about-article h2{margin-bottom:4px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.page-head .crumb{font-size:var(--fs-12);color:var(--text-3);margin-bottom:4px}.page-head h1{font-size:var(--fs-24);line-height:var(--lh-24)}.page-head .desc{font-size:var(--fs-13);color:var(--text-3);margin-top:4px}.page-head .actions{display:flex;gap:8px;flex-wrap:wrap}.greet{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.greet .hello{font-size:var(--fs-24);line-height:var(--lh-24);font-weight:var(--w-bold);letter-spacing:-.016em}.greet .sub{font-size:var(--fs-13);color:var(--text-3);margin-top:3px}.greet-verse{flex:0 1 460px;min-width:280px;padding:14px 18px;background:var(--surface);box-shadow:var(--ring-flat);border-radius:var(--r-surface);border-left:3px solid var(--sb-mark)}.greet-verse .v{font-size:var(--fs-14);line-height:1.65}.greet-verse .r{font-size:var(--fs-11);color:var(--accent-text);font-weight:var(--w-bold);margin-top:4px}.tiles{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile{display:block;background:var(--surface);box-shadow:var(--ring-flat);border-radius:var(--r-surface);padding:14px 16px;transition:box-shadow var(--dur-in) var(--ease-out)}a.tile:hover{box-shadow:var(--ring-ctl-h)}.tile .k{font-size:var(--fs-12);font-weight:var(--w-med);color:var(--text-2);display:flex;align-items:center;gap:6px}.tile .v{font-size:var(--fs-24);line-height:var(--lh-24);font-weight:var(--w-bold);margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tile .s{font-size:var(--fs-11);color:var(--text-3);margin-top:3px}.tile .v .unit{font-size:var(--fs-13);font-weight:var(--w-med);color:var(--text-3);margin-left:2px}.tile .v.ok{color:var(--ok)}.tile .v.danger{color:var(--danger)}.meter{height:6px;border-radius:3px;background:var(--bg-hover);overflow:hidden;margin-top:10px}.meter>i{display:block;height:100%;border-radius:3px;background:var(--accent)}.meter.ok>i{background:var(--ok)}.panel{background:var(--surface);box-shadow:var(--ring-flat);border-radius:var(--r-surface);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--hair-2)}.panel-head h2,.panel-head h3{font-size:var(--fs-14);line-height:var(--lh-14)}.panel-head .more{font-size:var(--fs-12);color:var(--text-3);font-weight:var(--w-med)}.panel-head .more:hover{color:var(--accent-text)}.panel-body{padding:8px 16px 12px}.panel-body-flush{padding:0}.panel-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--hair-1)}.panel-body>.panel-row:last-child{border-bottom:none}.bars{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:8px}.bars .b{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}.bars .b i{display:block;width:100%;max-width:38px;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px}.bars .b.dim i{background:var(--bg-active)}.bars .b em{font-style:normal;font-size:var(--fs-11);color:var(--text-3)}.bars .b .val{font-size:var(--fs-11);color:var(--text-2);font-variant-numeric:tabular-nums}.hbar{display:flex;flex-direction:column;gap:10px}.hbar .row2{display:grid;grid-template-columns:84px minmax(0,1fr) 110px;align-items:center;gap:10px}.hbar .nm{font-size:var(--fs-13);font-weight:var(--w-med)}.hbar .track{height:10px;border-radius:5px;background:var(--bg-hover);overflow:hidden}.hbar .track i{display:block;height:100%;background:var(--accent);border-radius:5px}.hbar .amt{font-size:var(--fs-13);text-align:right;font-variant-numeric:tabular-nums}.bday{display:flex;align-items:center;gap:10px;padding:8px 0}.bday .d{font-size:var(--fs-12);color:var(--text-3);min-width:44px;font-variant-numeric:tabular-nums}.bible-layout{display:grid;gap:20px;grid-template-columns:224px minmax(0,1fr);align-items:start}@media (max-width: 1200px){.bible-layout{grid-template-columns:minmax(0,1fr)}}.bible-rail{position:sticky;top:calc(var(--header-h) + 16px);max-height:calc(100dvh - var(--header-h) - 32px);overflow-y:auto;background:var(--surface);box-shadow:var(--ring-flat);border-radius:var(--r-surface);padding:10px;scrollbar-width:thin}@media (max-width: 1200px){.bible-rail{display:none}}.bible-rail .grp{font-size:var(--fs-11);font-weight:var(--w-bold);color:var(--text-3);padding:10px 8px 4px;letter-spacing:.05em}.bible-rail button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px 9px;border:none;background:none;border-radius:6px;font-size:var(--fs-13);color:var(--text-2);text-align:left}.bible-rail button:hover{background:var(--wash-1);color:var(--text)}.bible-rail button.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:var(--w-bold);box-shadow:inset 2px 0 0 var(--accent-line);border-radius:0 6px 6px 0}.bible-rail button .n{font-size:var(--fs-11);color:var(--text-4)}.bible-paper{background:var(--surface);box-shadow:var(--ring-flat);border-radius:var(--r-surface);padding:clamp(18px,4vw,44px)}.bible-paper .bk-head{text-align:center;margin-bottom:26px}.bible-paper .bk-head .cat{font-size:var(--fs-12);color:var(--text-3);letter-spacing:.08em}.bible-paper .bk-head h1{font-family:"Noto Serif KR",serif;font-size:clamp(1.5rem,3vw,2rem);margin-top:6px}.bible-paper .bk-head .chnav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px}.verse-line{display:flex;gap:10px;padding:5px 0;line-height:1.9}.verse-line:hover{background:var(--wash-1);border-radius:6px}.verse-line .no{flex:0 0 26px;text-align:right;font-size:var(--fs-11);color:var(--accent-text);font-weight:var(--w-bold);padding-top:7px;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.bible-foot{display:flex;justify-content:space-between;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid var(--hair-2)}.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.ch-grid button{height:40px;border:none;border-radius:var(--r-control);background:var(--surface);box-shadow:var(--ring-ctl);font-size:var(--fs-13);font-weight:var(--w-med);font-variant-numeric:tabular-nums}.ch-grid button:hover{box-shadow:var(--ring-ctl-h)}.ch-grid button.on{background:var(--accent);color:var(--on-accent);box-shadow:none}.media-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.media-card{background:var(--surface);box-shadow:var(--ring-flat);border-radius:var(--r-surface);overflow:hidden;transition:box-shadow var(--dur-in) var(--ease-out)}.media-card:hover{box-shadow:var(--ring-ctl-h)}.media-card .thumb{position:relative;aspect-ratio:16/9;background:var(--bg-active)}.media-card .thumb img{width:100%;height:100%;object-fit:cover}.media-card .thumb .cat{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:var(--r-badge);background:#0000009e;color:#fff;font-size:var(--fs-11);font-weight:var(--w-bold)}.media-card .meta{padding:11px 13px 13px}.media-card .t{font-weight:var(--w-med);font-size:var(--fs-13);line-height:var(--lh-13)}.media-card .s{font-size:var(--fs-11);color:var(--text-3);margin-top:4px}.member-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.member-card{display:flex;align-items:center;gap:12px;background:var(--surface);box-shadow:var(--ring-flat);border-radius:var(--r-surface);padding:13px 14px}.member-card:hover{box-shadow:var(--ring-ctl-h)}.cal{background:var(--surface);box-shadow:var(--ring-flat);border-radius:var(--r-surface);overflow:hidden}.cal-head{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--hair-2);background:var(--surface-2)}.cal-head span{padding:8px 0;text-align:center;font-size:var(--fs-11);font-weight:var(--w-bold);color:var(--text-2)}.cal-head span:first-child{color:var(--danger)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-cell{min-height:96px;padding:6px;border-bottom:1px solid var(--hair-1);border-right:1px solid var(--hair-1);font-size:var(--fs-11)}.cal-cell:nth-child(7n){border-right:none}.cal-cell .d{font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:var(--w-med)}.cal-cell.dim .d{color:var(--text-4)}.cal-cell.today .d{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.cal-cell:first-child .d,.cal-grid .cal-cell:nth-child(7n+1) .d{color:var(--danger)}.cal-evt{display:block;margin-top:3px;padding:2px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent-ink);font-weight:var(--w-med);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 760px){.cal-cell{min-height:64px}.cal-evt{display:none}.cal-cell .dot-evt{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:3px}}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-badge);font-size:var(--fs-11);font-weight:var(--w-bold);line-height:var(--lh-11);white-space:nowrap}.tag-c1{background:#e3eef9;color:#0a4e8c;box-shadow:inset 0 0 0 1px #9ec4e4}.tag-c2{background:#f7eeda;color:#7a4b08;box-shadow:inset 0 0 0 1px #ddbe7f}.tag-c3{background:#dff2ea;color:#045c45;box-shadow:inset 0 0 0 1px #8fcbb4}.tag-c4{background:#fae7e9;color:#8c1626;box-shadow:inset 0 0 0 1px #e5a0a8}.tag-c5{background:#eee8f8;color:#55379b;box-shadow:inset 0 0 0 1px #c4b0e6}.tag-c6{background:#e6f1f3;color:#0e5a66;box-shadow:inset 0 0 0 1px #9ac8cf}.tag-c7{background:#f6e9f1;color:#85285e;box-shadow:inset 0 0 0 1px #dfa8c8}.tag-c8{background:#ecefe2;color:#4a5716;box-shadow:inset 0 0 0 1px #bdc791}.tag-st-neu{background:var(--neu-tint);color:var(--neu);box-shadow:inset 0 0 0 1px var(--neu-line)}.tag-st-info{background:var(--info-tint);color:var(--info);box-shadow:inset 0 0 0 1px var(--info-line)}.tag-st-ok{background:var(--ok-tint);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}.tag-st-warn{background:var(--warn-tint);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-line)}.tag-st-bad{background:var(--danger-tint);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line)}.view-toggle{display:inline-flex}.list-rows{display:flex;flex-direction:column}.list-rows>*{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface);border-bottom:1px solid var(--hair-1)}.list-rows{background:var(--surface);box-shadow:var(--ring-flat);border-radius:var(--r-surface);overflow:hidden}.list-rows>*:last-child{border-bottom:none}.list-rows>*:hover{background:var(--surface-2)}.tile-link{cursor:pointer;transition:background .12s ease}.tile-link:hover{background:var(--surface-2)}.tile-link:active{transform:translateY(1px)}.trend{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--wash-1);min-width:90px}.trend .p{background:var(--ok)}.trend .o{background:var(--accent-line)}.seg-att button.on[data-att=PRESENT]{background:var(--ok);color:#fff}.seg-att button.on[data-att=ONLINE]{background:var(--accent);color:#fff}.seg-att button.on[data-att=ABSENT]{background:var(--text-3);color:#fff}:root{color-scheme:light;--ink: 28 32 36;--hair-1: rgb(var(--ink) / .05);--hair-2: rgb(var(--ink) / .09);--hair-3: rgb(var(--ink) / .17);--hair-4: rgb(var(--ink) / .38);--wash-1: rgb(var(--ink) / .06);--wash-2: rgb(var(--ink) / .1);--scrim: rgb(var(--ink) / .32);--ring-color: #24463C;--wood: 124 85 51;--wood-hair: rgb(var(--wood) / .22);--wood-rail: #8B5E34;--sb-board: #1E3A33;--sb-hover: #2C4740;--sb-active: #324D46;--sb-ink-1: #F4F9F5;--sb-ink-2: #D3E4DC;--sb-ink-3: #C6DAD1;--sb-mark: #F4DDA2;--sb-scrim: rgb(14 38 32 / .46);--sb-grain: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)' opacity='.045'/%3E%3C/svg%3E");--bg: #FAFBFA;--surface: #ffffff;--surface-2: #F2F5F3;--bg-hover: #E9EEEA;--bg-active: #DDE4DF;--line: var(--hair-2);--line-strong: var(--hair-3);--text: #1C2126;--text-2: #5B6268;--text-3: #6B7278;--text-4: #B7BDC1;--accent: #0d74ce;--accent-hover: #0b66b6;--accent-press: #0a5799;--accent-text: #0b66b6;--accent-ink: #113264;--accent-soft: #e6f4fe;--accent-soft-hover: #d5efff;--accent-line: #2A8AD3;--on-accent: #ffffff;--neu: #4C534F;--neu-tint: #EAEEEC;--neu-line: #C2CAC6;--neu-ink: #2C3532;--info: #0b66b6;--info-tint: #E6F1FB;--info-line: #9EC8EA;--info-ink: #10365E;--ok: #136B4E;--ok-tint: #E2F2EA;--ok-line: #8CC7AE;--ok-ink: #123B2C;--warn: #8A5200;--warn-tint: #FBF0D8;--warn-line: #DFBB72;--warn-ink: #4A3512;--danger: #A81C28;--danger-tint: #FCEAEB;--danger-line: #EFA3A7;--danger-ink: #5C141A;--danger-hover: #8F1621;--font-title: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-body: var(--font-title);--w-reg: 400;--w-med: 520;--w-bold: 620;--fs-11: 12px;--lh-11: 16px;--fs-12: 13px;--lh-12: 18px;--fs-13: 14px;--lh-13: 20px;--fs-14: 15px;--lh-14: 22px;--fs-15: 16px;--lh-15: 24px;--fs-17: 18px;--lh-17: 26px;--fs-20: 22px;--lh-20: 30px;--fs-24: 26px;--lh-24: 34px;--fs-30: 32px;--lh-30: 40px;--sp-1: 2px;--sp-2: 4px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--sp-label: 6px;--r-control: 8px;--r-surface: 12px;--r-badge: 4px;--r-pop: 10px;--radius: var(--r-surface);--ring-flat: inset 0 0 0 1px var(--hair-2);--ring-ctl: inset 0 0 0 1px var(--hair-3);--ring-ctl-h: inset 0 0 0 1px var(--hair-4);--sh-pop: 0 0 0 1px var(--hair-2), 0 4px 12px rgb(var(--ink) / .07);--sh-modal: 0 0 0 1px var(--hair-2), 0 12px 20px rgb(var(--ink) / .09);--sh-toast: 0 0 0 1px var(--hair-2), 0 6px 20px rgb(var(--ink) / .08);--sh-sticky: 0 1px 0 var(--hair-2);--shadow-1: var(--ring-flat);--shadow-2: var(--sh-pop);--shadow-3: var(--sh-modal);--dur-press: .1s;--dur-in: .15s;--dur-out: .11s;--dur-move: .22s;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-move: cubic-bezier(.4, 0, .2, 1);--header-h: 52px;--tabbar-h: 62px;--side-w: 248px;--max-w: 1180px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-15);line-height:var(--lh-15);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;word-break:keep-all}h1,h2,h3,h4{margin:0;font-family:var(--font-title);font-weight:var(--w-bold);line-height:1.3;text-wrap:balance}h1{font-size:var(--fs-24);line-height:var(--lh-24);letter-spacing:-.016em}h2{font-size:var(--fs-20);line-height:var(--lh-20);letter-spacing:-.012em}h3{font-size:var(--fs-17);line-height:var(--lh-17);letter-spacing:-.007em}p{margin:0 0 .7em}p:last-child{margin-bottom:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img,svg,video{max-width:100%}img{display:block;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;color:var(--text-4)}:focus-visible{outline:2px solid var(--ring-color);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}::selection{background:var(--accent);color:var(--on-accent)}.num,td.num,.money{font-variant-numeric:tabular-nums}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.print-page{box-shadow:none!important;border:none!important;margin:0!important}}.wrap{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 16px}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:8px}.stack-lg{display:flex;flex-direction:column;gap:24px}.row{display:flex;align-items:center;gap:10px}.row-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.spacer{flex:1 1 auto}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (max-width: 860px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.row-wrap{gap:8px}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.card{background:var(--surface);border:none;border-radius:var(--r-surface);padding:18px;box-shadow:var(--ring-flat)}.card-flat{box-shadow:var(--ring-flat)}.card-pad-0{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2,.card-head h3{margin:0}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title .more{font-size:var(--fs-12);color:var(--text-3)}.section-title .more:hover{color:var(--accent-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;min-height:40px;border:none;border-radius:var(--r-control);background:var(--surface);box-shadow:var(--ring-ctl);color:var(--text);font-size:var(--fs-14);font-weight:var(--w-med);transition:background var(--dur-in) var(--ease-out),box-shadow var(--dur-in) var(--ease-out),transform var(--dur-press)}.btn:hover{box-shadow:var(--ring-ctl-h);background:var(--surface)}.btn:active{transform:translateY(1px);background:var(--wash-1)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 -1px 0 var(--accent-press)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press);transform:translateY(1px)}.btn-ghost{background:transparent;box-shadow:none;color:var(--text-2)}.btn-ghost:hover{background:var(--wash-1);color:var(--text);box-shadow:none}.btn-ghost:active{background:var(--wash-2)}.btn-danger{color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line)}.btn-danger:hover{background:var(--danger-tint);box-shadow:inset 0 0 0 1px var(--danger-line)}.btn-sm{padding:5px 11px;min-height:32px;font-size:var(--fs-13)}.btn-lg{padding:12px 22px;min-height:48px;font-size:var(--fs-15)}.btn-block{width:100%}.btn-icon{width:40px;height:40px;min-height:40px;padding:0;border-radius:var(--r-control)}.field{display:flex;flex-direction:column;gap:var(--sp-label)}.field>label{font-size:var(--fs-12);font-weight:var(--w-med);color:var(--text-2)}.field .hint{font-size:var(--fs-11);color:var(--text-3)}.field .err{font-size:var(--fs-11);color:var(--danger)}.input,.select,.textarea{width:100%;padding:10px 13px;min-height:44px;font-size:16px;background:var(--surface);border:none;box-shadow:var(--ring-ctl);border-radius:var(--r-control);transition:box-shadow var(--dur-in) var(--ease-out)}.input:hover,.select:hover,.textarea:hover{box-shadow:var(--ring-ctl-h)}.input:focus,.select:focus,.textarea:focus{outline:none;box-shadow:inset 0 0 0 1px var(--ring-color),0 0 0 3px #24463c29}.textarea{min-height:120px;resize:vertical;line-height:1.6}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--fs-13)}.check input{width:18px;height:18px;accent-color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-badge);font-size:var(--fs-11);font-weight:var(--w-bold);line-height:var(--lh-11);background:var(--neu-tint);color:var(--neu);box-shadow:inset 0 0 0 1px var(--neu-line);white-space:nowrap}.badge-accent{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--info-line)}.badge-ok{background:var(--ok-tint);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}.badge-warn{background:var(--warn-tint);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-line)}.badge-danger{background:var(--danger-tint);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line)}.badge-info{background:var(--info-tint);color:var(--info);box-shadow:inset 0 0 0 1px var(--info-line)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:6px 12px;border:none;box-shadow:var(--ring-ctl);border-radius:var(--r-control);background:var(--surface);font-size:var(--fs-13);font-weight:var(--w-med);color:var(--text-2);white-space:nowrap;transition:background var(--dur-in) var(--ease-out),box-shadow var(--dur-in) var(--ease-out)}.chip:hover{box-shadow:var(--ring-ctl-h);color:var(--text)}.chip[aria-pressed=true],.chip.on{background:var(--neu);box-shadow:none;color:#fff}.chip-scroll{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}.chip-scroll>*{flex:0 0 auto}.table{width:100%;border-collapse:collapse;font-size:var(--fs-13)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--hair-1);text-align:left;vertical-align:middle}.table th{font-size:var(--fs-12);font-weight:var(--w-bold);color:var(--text-2);letter-spacing:.012em;white-space:nowrap;background:var(--surface-2);border-bottom:1px solid var(--hair-2)}.table tbody tr{transition:background 0s}.table tbody tr:hover{background:var(--surface-2)}.table td.right,.table th.right{text-align:right}.table .money{font-variant-numeric:tabular-nums;white-space:nowrap}.table tr.total td{border-top:1px solid var(--hair-4);border-bottom:none;font-weight:var(--w-bold);background:var(--surface-2)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--hair-1)}.list-item:last-child{border-bottom:none}.list-item .title{font-weight:var(--w-med)}.list-item .meta{font-size:var(--fs-12);color:var(--text-3)}.avatar{width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:var(--w-bold);font-size:var(--fs-13);overflow:hidden;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:30px;height:30px;font-size:var(--fs-11)}.avatar-lg{width:64px;height:64px;font-size:1.3rem}.empty{padding:44px 20px;text-align:center;color:var(--text-3)}.empty .empty-title{font-weight:var(--w-bold);color:var(--text-2);margin-bottom:5px}.empty svg{margin:0 auto 12px;opacity:.5}.spinner{width:22px;height:22px;border:2.5px solid var(--hair-3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-pad{display:grid;place-items:center;padding:60px 0}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--surface-2) 37%,var(--bg-hover) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--r-badge)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;max-width:520px;max-height:min(86vh,760px);display:flex;flex-direction:column;background:var(--surface);border:none;border-radius:var(--r-surface);box-shadow:var(--sh-modal)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--hair-2)}.modal-body{padding:18px;overflow-y:auto}.modal-foot{display:flex;gap:8px;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--hair-2)}.modal-wide{max-width:860px}@media (max-width: 560px){.modal-back{padding:0;align-items:flex-end}.modal{max-width:none;max-height:92vh;border-radius:var(--r-surface) var(--r-surface) 0 0;padding-bottom:env(safe-area-inset-bottom)}}.toasts{position:fixed;z-index:300;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;width:min(480px,calc(100vw - 32px));pointer-events:none}@media (min-width: 861px){.toasts{bottom:24px}}.toast{pointer-events:auto;padding:12px 16px;border-radius:var(--r-pop);background:var(--text);color:#fff;font-size:var(--fs-13);font-weight:var(--w-med);box-shadow:var(--sh-toast);animation:toast-in var(--dur-in) var(--ease-out)}.toast-err{background:var(--danger);color:#fff}.toast-ok{background:var(--ok);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.dot{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:var(--w-bold);line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}.small{font-size:var(--fs-12)}.tiny{font-size:var(--fs-11)}.bold{font-weight:var(--w-bold)}.right{text-align:right}.center{text-align:center}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.divider{height:1px;background:var(--hair-2);border:0;margin:4px 0}.pointer{cursor:pointer}.accent{color:var(--accent-text)}.ok{color:var(--ok)}.warn{color:var(--warn)}.danger{color:var(--danger)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--hair-2);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:10px 15px;border:none;background:none;font-size:var(--fs-13);font-weight:var(--w-med);color:var(--text-3);border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.on{color:var(--accent-text);border-bottom-color:var(--accent);font-weight:var(--w-bold)}.pager{display:flex;gap:5px;justify-content:center;align-items:center;padding:16px 0;flex-wrap:wrap}.pager button{min-width:34px;height:34px;padding:0 9px;border:none;box-shadow:var(--ring-ctl);border-radius:var(--r-control);background:var(--surface);font-size:var(--fs-13);font-weight:var(--w-med)}.pager button:hover{box-shadow:var(--ring-ctl-h)}.pager button.on{background:var(--accent);box-shadow:none;color:var(--on-accent)}.pager button:disabled{color:var(--text-4);box-shadow:var(--ring-ctl)}.prose{line-height:1.75}.prose img{border-radius:var(--r-control);margin:12px 0}.prose a{color:var(--accent-text);text-decoration:underline}.prose ul,.prose ol{padding-left:1.3em}.prose blockquote{margin:12px 0;padding:8px 16px;border-left:3px solid var(--hair-4);color:var(--text-2)}.ratio-16x9{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:var(--r-control);overflow:hidden}.ratio-16x9>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.login-modal{max-width:400px}.login-modal-head{display:flex;align-items:center;gap:11px;padding:16px 18px 14px;border-bottom:1px solid var(--hair-2)}.login-modal-body{padding:18px;display:flex;flex-direction:column;gap:13px}.sk{animation:sk-in .25s ease both}.sk i{display:block;border-radius:8px;background:linear-gradient(100deg,transparent 38%,rgb(255 255 255 / .55) 50%,transparent 62%) 0 0 / 200% 100% no-repeat,rgb(var(--ink) / .07);animation:sk-sheen 1.5s ease-in-out infinite}.sk-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.sk-cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}.sk-row{display:flex;align-items:center;gap:12px;padding:11px 0}@keyframes sk-sheen{to{background-position:-200% 0,0 0}}@keyframes sk-in{0%{opacity:0}}@media (max-width: 980px){.sk-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-cols{grid-template-columns:minmax(0,1fr)}}.shell{min-height:100%;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--wood-hair);padding-top:env(safe-area-inset-top)}.appbar-in{height:var(--header-h);width:100%;padding:0 20px;display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:9px;font-weight:var(--w-bold);letter-spacing:-.012em}.brand-mark{width:30px;height:30px;flex:0 0 auto;border-radius:var(--r-control);background:var(--sb-board);color:var(--sb-ink-1);display:grid;place-items:center}.brand-name{font-size:var(--fs-15)}@media (max-width: 420px){.brand-name{display:none}}.topnav{display:none;gap:2px;margin-left:14px}@media (min-width: 861px){.topnav{display:flex}}@media (min-width: 1040px){.shell[data-signed-in=Y] .topnav{display:none}}.topnav a{padding:7px 12px;border-radius:var(--r-control);font-size:var(--fs-13);font-weight:var(--w-med);color:var(--text-2);white-space:nowrap}.topnav a:hover{background:var(--wash-1);color:var(--text)}.topnav a.on{color:var(--accent-text);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}.appbar-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.appbar-search{display:none;align-items:center;gap:8px;margin-left:auto;width:min(340px,32vw);padding:0 12px;height:36px;background:var(--surface-2);border-radius:var(--r-control);color:var(--text-3);transition:box-shadow var(--dur-in) var(--ease-out),background var(--dur-in) var(--ease-out)}@media (min-width: 861px){.appbar-search{display:flex}}.appbar-search:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1px var(--ring-color),0 0 0 3px #24463c1f}.appbar-search input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:var(--fs-13);color:var(--text)}.appbar-search input::placeholder{color:var(--text-3)}.shell[data-signed-in=Y] .appbar-actions{margin-left:0}.icon-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;border:none;background:none;border-radius:var(--r-control);color:var(--text-2);transition:background var(--dur-in) var(--ease-out)}.icon-btn:hover{background:var(--wash-1);color:var(--text)}.icon-btn:active{background:var(--wash-2)}.icon-btn .dot{position:absolute;top:3px;right:1px}.pop-anchor{position:relative}.pop{position:absolute;top:calc(100% + 8px);right:0;z-index:150;width:250px;max-height:min(70vh,520px);overflow-y:auto;background:var(--surface);border:none;border-radius:var(--r-pop);box-shadow:var(--sh-pop);padding:6px}.pop-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:none;background:none;border-radius:6px;font-size:var(--fs-13);font-weight:var(--w-med);color:var(--text-2);text-align:left}.pop-item:hover{background:var(--wash-1);color:var(--text)}.pop-head{padding:10px 11px 12px;border-bottom:1px solid var(--hair-2);margin-bottom:6px}.pop-noti{width:min(360px,calc(100vw - 24px))}.noti-item{display:block;width:100%;text-align:left;padding:11px;border:none;background:none;border-radius:6px}.noti-item:hover{background:var(--wash-1)}.noti-item.unread{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent-line)}.noti-item .t{font-weight:var(--w-bold);font-size:var(--fs-13)}.noti-item .b{font-size:var(--fs-12);color:var(--text-2)}.noti-item .d{font-size:var(--fs-11);color:var(--text-3);margin-top:3px}.main{flex:1 1 auto;padding:20px 0 calc(var(--tabbar-h) + 28px + env(safe-area-inset-bottom))}@media (min-width: 1040px){.main{padding-bottom:48px}}.body-cols{display:block}@media (min-width: 1040px){.shell[data-signed-in=Y] .body-cols{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);gap:0;width:100%;margin:0;padding:0;align-items:stretch}.shell[data-signed-in=Y] .main{padding-top:0}.shell[data-signed-in=Y] .main .wrap{padding:24px 28px;max-width:none}}.sidenav{display:none}.shell:has(.sidenav.folded){--side-w: 64px}.side-fold{position:absolute;top:14px;right:-12px;z-index:5;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--surface);color:var(--text-2);box-shadow:0 0 0 1px var(--hair-3),0 1px 3px #0000001f;opacity:0;transition:opacity var(--dur-in) var(--ease-out),box-shadow var(--dur-in) var(--ease-out)}.sidenav:hover .side-fold,.side-fold:focus-visible{opacity:1}.side-fold:hover{box-shadow:0 0 0 1px var(--hair-4),0 2px 6px #00000029;color:var(--text)}.sidenav.folded .side-fold{opacity:1}.sidenav.folded .group{display:none}.sidenav.folded a{justify-content:center;padding:11px 0;gap:0}.sidenav.folded a span:not(.dot){display:none}.sidenav.folded a .dot{position:absolute;top:4px;right:6px}.sidenav.folded a{position:relative}@media (min-width: 1040px){.shell[data-signed-in=Y] .sidenav{display:block;top:var(--header-h);align-self:start;height:calc(100dvh - var(--header-h));position:sticky;overflow:visible visible;background:var(--sb-board);background-image:var(--sb-grain);border-right:1px solid var(--wood-rail);border-radius:0;padding:14px 10px 20px}.shell[data-signed-in=Y] .drawer-toggle{display:none}}.sidenav-scroll{height:100%;overflow-y:auto;scrollbar-width:none}.sidenav-scroll::-webkit-scrollbar{display:none}.sidenav a{display:flex;align-items:center;gap:10px;padding:9px 12px;margin-bottom:2px;border-radius:var(--r-control);font-size:var(--fs-13);font-weight:var(--w-med);color:var(--sb-ink-2);transition:background var(--dur-in) var(--ease-out)}.sidenav a:hover{background:var(--sb-hover);color:var(--sb-ink-1)}.sidenav a.on{background:var(--sb-active);color:var(--sb-ink-1);box-shadow:inset 0 0 0 1px var(--sb-mark)}.sidenav .group{font-size:var(--fs-11);font-weight:var(--w-bold);color:var(--sb-ink-3);padding:14px 12px 6px;letter-spacing:.06em}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:110;display:flex;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--wood-hair)}@media (min-width: 1040px){.tabbar{display:none}}.tabbar a{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.68rem;font-weight:var(--w-bold);color:var(--text-3);padding-top:6px}.tabbar a.on{color:var(--accent-text)}.tabbar a .dot{position:absolute;top:4px;left:50%;margin-left:6px}.drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:var(--sb-scrim)}.drawer{position:fixed;top:0;bottom:0;left:0;z-index:191;width:min(310px,84vw);background:var(--sb-board);background-image:var(--sb-grain);border-right:1px solid var(--wood-rail);padding:calc(env(safe-area-inset-top) + 16px) 12px 20px;overflow-y:auto;animation:drawer-in var(--dur-move) var(--ease-move)}@keyframes drawer-in{0%{transform:translate(-100%)}}.drawer a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--r-control);font-size:var(--fs-14);font-weight:var(--w-med);color:var(--sb-ink-2)}.drawer a:hover{background:var(--sb-hover);color:var(--sb-ink-1)}.drawer a.on{background:var(--sb-active);color:var(--sb-ink-1);box-shadow:inset 0 0 0 1px var(--sb-mark)}.drawer .group{font-size:var(--fs-11);font-weight:var(--w-bold);color:var(--sb-ink-3);padding:16px 12px 6px;letter-spacing:.06em}.hero{position:relative;border-radius:var(--r-surface);overflow:hidden;padding:36px 26px;background:var(--sb-board);background-image:var(--sb-grain);color:var(--sb-ink-1);box-shadow:inset 0 0 0 1px var(--wood-rail)}.hero h1{font-size:clamp(1.5rem,4.4vw,2.05rem);margin-bottom:8px}.hero p{color:var(--sb-ink-2);max-width:46ch}.hero-verse p,.hero-minimal p{color:inherit}.hero-verse{background:var(--surface);color:var(--text);border:none;box-shadow:var(--ring-flat);padding:34px 26px;text-align:center}.hero-verse .verse-text{font-family:var(--font-title);font-size:clamp(1.1rem,3.2vw,1.5rem);line-height:1.75;max-width:34ch;margin:0 auto 10px}.hero-verse .verse-ref{color:var(--accent-text);font-weight:var(--w-bold);font-size:var(--fs-13)}.hero-minimal{background:var(--surface);color:var(--text);border:none;box-shadow:var(--ring-flat);padding:44px 26px}.hero-minimal h1{color:var(--text)}.fullscreen{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.fullscreen-center{flex:1 1 auto;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.page-anim{animation:page-in .22s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}