:root{--ink:#20251f;--muted:#6c746c;--paper:#f6f7f2;--line:#d7dbd2;--accent:#346b4a;--white:#fff;--z01:#4f8fb8;--z02:#c9827a;--z03:#b79838;--z04:#747c77;--z05:#6f9b7a;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:#dfe4de;font-size:17px}*{box-sizing:border-box}body{margin:0;background:#dfe4de}.app{width:min(100%,430px);min-height:100dvh;margin:auto;background:var(--paper);box-shadow:0 0 30px #26342817;overflow:hidden}.screen{display:none;min-height:100dvh;padding-bottom:36px}.screen.active{display:block}.hero{height:56dvh;min-height:450px;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#dbe5db;padding:28px 24px}.church-logo{width:162px;height:auto;mix-blend-mode:multiply}.hero-copy{position:relative;z-index:2;margin:auto 0 28px}.eyebrow,.step{font-size:.78rem;font-weight:800;letter-spacing:.04em;color:var(--accent);margin:0 0 14px}.hero h1{font-family:"Noto Serif KR",Batang,serif;font-size:2.25rem;line-height:1.24;margin:0 0 18px;letter-spacing:0}.hero-sub{margin:0 0 12px;font-size:.98rem;white-space:nowrap}.date{font-size:.88rem;color:#4f5b51;margin:0}.church-shape{position:absolute;right:-55px;bottom:-40px;width:330px;opacity:.08;mix-blend-mode:multiply;transform:rotate(-8deg)}.home-actions{padding:18px 20px 8px;display:grid;gap:8px}.menu-button,.cta,.text-button,.unknown-button{font:inherit;cursor:pointer}.menu-button{height:58px;border:1px solid var(--line);background:transparent;color:var(--ink);display:flex;align-items:center;gap:16px;padding:0 17px;text-align:left;border-radius:4px;font-weight:700;white-space:nowrap}.menu-button span{font-size:.73rem;color:#7b857c}.menu-button.primary{background:var(--ink);color:white;border-color:var(--ink)}.mission{text-align:center;font-size:.72rem;color:#7a817a;margin:10px 20px;white-space:nowrap}.page-head{height:60px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f6f7f2ee;backdrop-filter:blur(10px);z-index:5}.page-head p{text-align:center;margin:0;font-weight:800;font-size:.92rem;white-space:nowrap}.back{border:0;background:transparent;font-size:1.35rem;width:44px;height:44px}.page-intro{padding:38px 22px 22px}.page-intro.compact{padding-bottom:16px}.page-intro h2,.thanks h2{font-family:"Noto Serif KR",Batang,serif;font-size:1.85rem;line-height:1.3;letter-spacing:0;margin:0 0 13px}.page-intro>p:last-child{color:var(--muted);font-size:.9rem;margin:0}.choice-list{padding:0 18px}.choice-list label{display:block;margin-bottom:8px}.choice-list input{position:absolute;opacity:0}.choice-list label span{min-height:56px;display:flex;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:.88rem;white-space:nowrap;transition:.15s}.choice-list label span:before{content:"";width:20px;height:20px;border:1px solid #aab1aa;border-radius:50%;margin-right:10px;flex:none}.choice-list input:checked+span{border-color:var(--accent);background:#edf3ed;color:#244b33}.choice-list input:checked+span:before{content:"✓";display:grid;place-items:center;background:var(--accent);border-color:var(--accent);color:#fff;font-size:.72rem}.cta{width:100%;height:56px;border:0;border-radius:4px;background:var(--ink);color:#fff;font-weight:800;margin-top:12px;white-space:nowrap}.form-error{min-height:22px;color:#a43d37;font-size:.8rem;margin:8px 2px 0}.category-list,.team-list{padding:0 18px;display:grid;gap:8px}.category-card,.team-row{border:0;border-left:6px solid var(--color);background:#fff;min-height:72px;padding:14px 15px;text-align:left;border-radius:3px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);font:inherit}.category-card strong,.team-row strong{display:block;font-size:.98rem}.category-card small,.team-row small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px;white-space:nowrap}.arrow{color:#9aa09a}.sticky-actions{padding:16px 18px}.text-button{border:0;background:transparent;width:100%;height:48px;color:#59645b;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.hidden{display:none!important}.category-hero{margin:24px 18px 18px;border-left:8px solid var(--color);padding:10px 16px}.category-hero h2{font-family:"Noto Serif KR",Batang,serif;font-size:1.65rem;line-height:1.3;margin:0 0 8px}.category-hero p{margin:0;color:var(--muted);font-size:.88rem}.team-content{padding:26px 20px}.team-title{border-left:8px solid var(--color);padding:4px 0 4px 15px;margin-bottom:28px}.team-title .tag{color:var(--color);font-weight:800;font-size:.78rem;margin:0 0 6px}.team-title h2{font-size:1.8rem;margin:0 0 7px;letter-spacing:0}.team-title p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.detail-block{padding:19px 0;border-top:1px solid var(--line)}.detail-block h3{font-size:.82rem;color:var(--color);margin:0 0 8px}.detail-block p{font-size:.92rem;line-height:1.7;margin:0;white-space:pre-line}.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fact{padding:15px 8px 15px 0}.fact:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}.fact span{display:block;font-size:.7rem;color:var(--muted);margin-bottom:5px}.fact strong{display:block;font-size:.84rem;line-height:1.45}.interest-form{padding:0 20px}.field{display:block;margin-bottom:20px}.field>span{display:block;font-size:.82rem;font-weight:800;margin-bottom:8px}.field b{color:#a4453e;font-size:.66rem;margin-left:4px}.field em{font-style:normal;color:var(--muted);font-size:.66rem}.field input,.field textarea{width:100%;border:1px solid #c9cec7;background:#fff;border-radius:4px;padding:14px;font:inherit;font-size:.92rem;outline:none}.field input{height:52px}.field input:focus,.field textarea:focus{border-color:var(--accent)}.unknown-button{border:0;background:transparent;color:var(--accent);font-size:.8rem;text-decoration:underline;margin:-10px 0 22px;padding:0}.selected-teams{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.chip{border:1px solid var(--accent);background:#edf3ed;color:#2d583d;border-radius:20px;padding:7px 10px;font-size:.75rem}.team-picker{max-height:252px;overflow:auto;border:1px solid var(--line);background:#fff}.team-option{display:flex;align-items:center;gap:9px;padding:11px 12px;border-bottom:1px solid #eceee9;font-size:.84rem}.team-option:last-child{border-bottom:0}.team-option input{width:19px;height:19px}.consent{display:flex;gap:10px;padding:15px 0;border-top:1px solid var(--line);align-items:flex-start}.consent input{width:20px;height:20px;flex:none}.consent strong{display:block;font-size:.88rem}.consent small{display:block;color:var(--muted);font-size:.7rem;line-height:1.45;margin-top:5px}.thanks{place-items:center;padding:30px;text-align:center}.thanks.active{display:grid}.thanks>div{width:100%}.thanks p{color:var(--muted);line-height:1.7}.thanks .cta{margin-top:30px}@media(max-width:379px){:root{font-size:16px}.hero{padding-left:20px;padding-right:20px}.hero-sub{font-size:.86rem}.choice-list label span{font-size:.78rem;padding-left:10px}.menu-button{font-size:.92rem}.mission{font-size:.65rem}}@media(min-width:431px){body{padding:20px 0}.app{min-height:calc(100dvh - 40px);border-radius:8px}.screen{min-height:calc(100dvh - 40px)}}
