@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=IBM+Plex+Sans+KR:wght@400;500;600&display=swap";:root{--paper:#f8f4ec;--paper-card:#fff;--stage:#ebe4d7;--ink:#272019;--ink-soft:#6e6457;--line:#2720191f;--navy:#2d3b57;--navy-soft:#42527a;--gold:#a47e3b;--gold-soft:#c7a968;--gold-ink:#8a6829;--warm-bg:#efe3cf;--warm-ink:#6b4c1b;--sans:"IBM Plex Sans KR", sans-serif;--serif:"Gowun Batang", serif;--r:14px;--r-lg:20px;--fs-body:15px;--fs-sub:13.5px;--fs-caption:12px;--fs-input:16px;--fs-h1:30px;--fs-h2:26px;--fs-h3:20px;--fs-legend:18px;--lh-body:1.6;--role-pilgrim:#1e4e8c;--role-pilgrim-soft:#e6eef9;--role-parish:#245643;--role-parish-soft:#e4efe6;--role-volunteer:#a8460f;--role-volunteer-soft:#f9e7da;--danger:#b4232a;--danger-soft:#fbe9e7;--ok:#245643;--ok-soft:#e4efe6;--qr-size:214px;--qr-pad:10px;--shell-max:480px;--gutter:18px;--gutter-head:20px;--column-shadow:0 0 60px #2720191a;--hair:.5px;--r-field:10px;--r-btn:12px;--btn:#3c4a6c;--tint-navy:#2d3b570f;--tint-ink:#2720190f;--paper-blur:#f8f4eceb}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-height:100dvh;font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh-body);background:var(--stage);color:var(--ink);-webkit-font-smoothing:antialiased;font-weight:400}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{font-size:var(--fs-input)}button{cursor:pointer;color:inherit;background:0 0;border:none}.shell{max-width:var(--shell-max);min-height:100dvh;padding:0 var(--gutter) 64px;background:var(--paper);word-break:keep-all;overflow-wrap:anywhere;margin:0 auto;overflow-x:hidden}@media (min-width:520px){.shell{box-shadow:var(--column-shadow)}}.shell-header{min-height:44px;padding-top:calc(var(--gutter-head) - var(--gutter));margin:0 calc(var(--gutter-head) - var(--gutter)) 0;align-items:center;gap:8px;display:flex}.shell-back{min-width:44px;min-height:44px;font-size:var(--fs-sub);color:var(--gold-ink);margin-left:-8px;font-weight:500}.shell-back:active{opacity:.6}.shell-step{font-size:var(--fs-sub);color:var(--ink-soft);white-space:nowrap;margin-left:auto}.shell-title{margin:8px var(--gutter-head) 14px calc(var(--gutter-head) - var(--gutter));font-family:var(--serif);font-size:var(--fs-h1);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;font-weight:700;line-height:1.15}.card{background:var(--paper-card);border:var(--hair) solid var(--line);border-radius:var(--r-lg);padding:22px 18px}.stack>*+*{margin-top:14px}.stack-lg>*+*{margin-top:22px}.section-title{font-family:var(--serif);font-size:var(--fs-legend);color:var(--navy);font-weight:700}.caption{font-size:var(--fs-sub);color:var(--ink-soft);line-height:1.55}.sub{font-size:var(--fs-body);color:var(--ink-soft);line-height:1.6}.row{align-items:center;gap:8px;display:flex}.row-wrap{flex-wrap:wrap}.grow{flex:1 1 0;min-width:0}.center{text-align:center}.btn{border-radius:var(--r-btn);min-height:48px;font-size:var(--fs-input);border:var(--hair) solid transparent;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:500;line-height:1.3;transition:background .15s,transform .12s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{background:var(--btn);color:var(--paper-card)}.btn-primary:not(:disabled):active{background:var(--navy)}.btn-secondary{background:var(--paper-card);color:var(--ink);border-color:var(--line)}.btn-secondary:not(:disabled):active{border-color:var(--gold-soft)}.btn-link{color:var(--navy);text-underline-offset:3px;background:0 0;padding-left:8px;padding-right:8px;font-weight:500;text-decoration:underline}.btn-block{width:100%;display:flex}.btn-lg{min-height:52px;font-size:16.5px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{display:block}.field-label{font-size:var(--fs-body);color:var(--ink);margin-bottom:6px;font-weight:600;display:block}.field-req{color:var(--gold-ink);margin-left:2px;font-weight:700}.field-opt{color:var(--ink-soft);margin-left:4px;font-weight:400}.input{border:var(--hair) solid var(--line);border-radius:var(--r-field);background:var(--paper);width:100%;min-height:48px;color:var(--ink);font-size:var(--fs-input);appearance:none;padding:10px 12px;line-height:1.5;display:block}.input:focus-visible,.btn:focus-visible,.radio-card:focus-within,.checkbox:focus-within{outline:3px solid var(--navy-soft);outline-offset:1px}.input:focus{border-color:var(--gold-soft)}.input[readonly]{color:var(--ink-soft)}.input-error{border-color:var(--danger)}select.input{background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}textarea.input{resize:vertical;min-height:84px}.field-hint{font-size:var(--fs-sub);color:var(--ink-soft);margin-top:6px;line-height:1.55}.field-error{font-size:var(--fs-sub);color:var(--danger);margin-top:6px;font-weight:600;line-height:1.55}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.radio-cards{gap:10px;display:grid}.radio-card{border:var(--hair) solid var(--line);border-radius:var(--r-field);background:var(--paper);cursor:pointer;min-height:56px;font-size:var(--fs-body);align-items:center;gap:12px;padding:12px 14px;transition:transform .12s;display:flex}.radio-card:active{transform:scale(.98)}.radio-card input{width:20px;height:20px;accent-color:var(--navy);flex:none;margin:0}.radio-card-selected{border-color:var(--navy);background:var(--tint-navy);font-weight:600}.checkbox{cursor:pointer;min-height:44px;font-size:var(--fs-body);align-items:flex-start;gap:10px;padding:9px 0;line-height:1.55;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--navy);flex:none;margin:3px 0 0}.checkbox-sm{font-size:var(--fs-sub);color:var(--ink-soft);min-height:40px;padding:4px 0}.notice{border-radius:var(--r-field);font-size:var(--fs-sub);color:var(--ink);padding:14px;line-height:1.6}.notice-info{background:var(--warm-bg);color:var(--warm-ink)}.notice-error{background:var(--danger-soft);color:var(--danger);font-weight:600}.notice-ok{background:var(--ok-soft);color:var(--ok)}.notice-title{margin-bottom:4px;font-weight:700}.notice-closable{padding-right:48px;position:relative}.notice-x{width:48px;height:48px;color:inherit;opacity:.75;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:flex;position:absolute;top:0;right:0}.notice-x:hover{opacity:1}.badge{min-height:26px;font-size:var(--fs-caption);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge-ok{background:var(--ok-soft);color:var(--ok)}.privacy{border:var(--hair) solid var(--line);border-radius:var(--r-field);background:var(--paper);font-size:var(--fs-sub);padding:14px;line-height:1.6}.privacy dt{color:var(--navy-soft);margin-top:9px;font-weight:600}.privacy dt:first-child{margin-top:0}.privacy dd{color:var(--ink-soft)}.privacy a{color:var(--navy);text-underline-offset:3px;min-height:44px;line-height:44px;text-decoration:underline;display:inline-block}.channel-row{border:var(--hair) solid var(--line);border-radius:var(--r-field);background:var(--paper);padding:12px}.channel-kind{font-size:var(--fs-sub);color:var(--navy-soft);font-weight:600}.icon-btn{min-width:44px;min-height:44px;color:var(--ink-soft);border-radius:11px;font-size:20px}.icon-btn:active{background:var(--tint-ink)}.photo-preview{object-fit:cover;border:4px solid var(--line);border-radius:50%;width:180px;height:180px;margin:0 auto;display:block}.photo-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.phone-qr{border:var(--hair) solid var(--line);background:var(--paper-card);border-radius:8px;width:180px;height:180px;margin:0 auto;display:block}.summary{font-size:var(--fs-body);grid-template-columns:auto 1fr;gap:9px 12px;display:grid}.summary dt{color:var(--navy-soft);font-size:var(--fs-sub);font-weight:600}.summary dd{word-break:break-all}.code-big{font-family:var(--serif);letter-spacing:.15em;text-align:center;color:var(--navy);font-size:28px}.role-pilgrim{--role:var(--role-pilgrim);--role-soft:var(--role-pilgrim-soft)}.role-parish{--role:var(--role-parish);--role-soft:var(--role-parish-soft)}.role-volunteer{--role:var(--role-volunteer);--role-soft:var(--role-volunteer-soft)}.home-band{height:8px;margin:0 calc(-1 * var(--gutter)) 12px;background:var(--role);border-radius:0 0 var(--r) var(--r)}.home>section+section,.home>.home-foot{margin-top:14px}.home-top{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;display:flex}.home-me{min-height:44px;margin-left:auto;padding:8px 14px}.badge-role{background:var(--role-soft);color:var(--role)}.badge-wait{background:var(--warm-bg);color:var(--warm-ink)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-offline{background:var(--stage);color:var(--ink-soft)}.home-identity{text-align:center;margin-top:14px}.home-photo{border:4px solid var(--role);object-fit:cover;background:var(--paper-card);border-radius:50%;width:132px;height:132px;margin:0 auto 10px;display:block}.home-photo-empty{background:var(--role-soft);color:var(--role);font-family:var(--serif);justify-content:center;align-items:center;font-size:48px;line-height:1;display:flex}.home-name{font-family:var(--serif);font-size:var(--fs-h3);color:var(--ink);font-weight:700;line-height:1.32}.home-baptismal{color:var(--ink-soft);font-weight:400}.home-meta{font-size:var(--fs-sub);color:var(--ink-soft)}.home-qr{padding:var(--qr-pad);border:2px solid var(--role);justify-items:center;gap:10px;display:grid}.gauge{width:var(--qr-size);background:var(--stage);border-radius:999px;max-width:100%;height:8px;overflow:hidden}.gauge-bar{background:var(--role);height:100%;transition:width .25s linear}.home-banner{border:var(--hair) solid var(--line);border-radius:var(--r-field);background:var(--paper-card);align-items:flex-start;gap:8px;padding:12px;display:flex}.me-card+.me-card{margin-top:14px}.contents{display:contents}.me-qr{justify-items:center;gap:8px;display:grid}.me-history{gap:12px;list-style:none;display:grid}.me-history>li{border-bottom:var(--hair) solid var(--line);padding-bottom:10px}.me-history>li:last-child{border-bottom:none;padding-bottom:0}.app-foot{width:100%;max-width:var(--shell-max);z-index:40;padding:4px var(--gutter) calc(4px + env(safe-area-inset-bottom));background:var(--paper-blur);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:var(--hair) solid var(--line);font-size:var(--fs-caption);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.app-foot button{min-height:32px;font-size:var(--fs-sub);color:var(--ink-soft);border-radius:11px;padding:0 9px;font-weight:500}.app-foot .dev-reset-armed{color:var(--danger);font-weight:700}.birth-sel{grid-template-columns:1.4fr 1fr 1fr;gap:8px;display:grid}.birth-sel select.input{background-position:calc(100% - 14px),calc(100% - 9px);padding-right:28px}