:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--navy:#1f2a44;--navy-deep:#09152e;--gold:#c9a24b;--gold-deep:#a8843a;--gold-soft:#f3e6c4;--ivory:#faf7f0;--surface:#fff;--white:#fff;--text:#2b3342;--text-sub:#5f6b82;--line:#efe8d8;--line-input:#ddd3be;--live:#c73e3e;--error:#ba1a1a;--ok:#2e7d5b;--glass-ivory:#faf7f0db;--glass-ivory-strong:#faf7f0f5;--glass-navy:#1f2a44c7;--glass-line:#faf7f029;--glass-gold-line:#ffd70066;--glass-filter:blur(12px);--scrim:#09152e6b;--scrim-ivory:#faf7f0e6;--scrim-ivory-0:#faf7f000;--vignette:#09152e2e;--shadow-card:0 4px 20px -2px #1f2a440a;--shadow-float:0 12px 32px -4px #1f2a4414;--shadow-strip:0 4px 12px -4px #1f2a441f;--glow-gold:0 0 24px #c9a24b40;--shadow-pill:0 6px 16px -4px #1f2a4438, inset 0 1px 0 #fff9;--glass-inner:inset 0 1px 0 #ffffff8c;--react-amen:#f3d57c;--react-pray:#bdd8f8;--react-wave:#c3ead0;--react-line:#ffffffbf;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--gutter:20px;--r-card:16px;--r-btn:12px;--r-sheet:24px;--r-pill:9999px;--font-title:"Noto Serif KR", serif;--font-body:"Noto Sans KR", "Apple SD Gothic Neo", "Noto Sans CJK KR", sans-serif;--fs-display:32px;--lh-display:44px;--fs-entry:36px;--lh-entry:44px;--fs-h-lg:26px;--fs-h-md:22px;--fs-h-sm:18px;--fs-body-lg:16px;--fs-body:15px;--fs-label:14px;--fs-small:13px;--ease-out:cubic-bezier(.22, 1, .36, 1);--t-1:.12s;--t-2:.2s;--t-3:.32s;--t-4:.6s;--btn-h:52px;--input-h:52px;--chip-h:32px;--touch:44px;--strip-h:48px;--react-h:76px;--rail-w:120px;--focus:0 0 0 2px var(--ivory), 0 0 0 4px var(--navy);--banner-h:0px;--player-h:0px;--player-w:0px;--player-tf:none;--player-s:1;--scene-top:0px;--stage-x:0px;--stage-y:0px;--stage-w:100vw;--stage-h:100vh}*,:before,:after{box-sizing:border-box}html,body{background:var(--ivory);height:100%;color:var(--text);font-family:var(--font-body);font-size:var(--fs-body-lg);word-break:keep-all;overflow-wrap:anywhere;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body{overflow:hidden}body.scrolling{overflow-y:auto}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--navy)}h1,h2,h3{font-family:var(--font-title);color:var(--navy);letter-spacing:-.01em;margin:0;font-weight:600}h3{font-size:var(--fs-h-sm);line-height:26px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.noscript{padding:var(--gutter)}.num{font-variant-numeric:tabular-nums}:focus{outline:none}:focus-visible{box-shadow:var(--focus);outline:none}svg.icon{flex:none;width:24px;height:24px;display:block}.btn{justify-content:center;align-items:center;gap:var(--sp-sm);min-height:var(--btn-h);padding:0 var(--sp-lg);border-radius:var(--r-btn);border:1px solid var(--navy);background:var(--navy);color:var(--ivory);font-size:var(--fs-body-lg);letter-spacing:.01em;cursor:pointer;box-shadow:var(--shadow-card);transition:transform var(--t-1) var(--ease-out), background-color var(--t-2) var(--ease-out), box-shadow var(--t-2) var(--ease-out);font-weight:700;display:inline-flex}.btn:hover{background:var(--navy-deep)}.btn:active{transform:scale(.98)}.btn.block{width:100%}.btn.ghost{background:var(--surface);color:var(--navy);border:1px solid var(--line-input);box-shadow:none}.btn.ghost:hover{background:var(--ivory)}.btn.small{min-height:var(--touch);padding:0 var(--sp-md);font-size:var(--fs-body)}.btn[disabled],.btn[aria-disabled=true]{background:var(--line);border-color:var(--line);color:var(--text-sub);box-shadow:none;cursor:default;transform:none}.chip{height:var(--chip-h);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:var(--fs-label);white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.chip.ok{background:var(--ok);border-color:var(--ok);color:var(--white)}.chip.wait{background:var(--gold-soft);border-color:var(--gold-soft);color:var(--navy)}.chip.bad{background:var(--error);border-color:var(--error);color:var(--white)}.chip.muted{color:var(--text-sub)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--gutter);color:var(--text)}.input{width:100%;height:var(--input-h);padding:0 var(--sp-md);border-radius:var(--r-btn);border:1px solid var(--line-input);background:var(--surface);color:var(--text);transition:border-color var(--t-2) var(--ease-out), box-shadow var(--t-2) var(--ease-out);font-size:16px}.input::placeholder{color:var(--text-sub)}.input:focus,.input:focus-visible{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.sub{color:var(--text-sub);font-size:var(--fs-label)}.link{min-height:var(--touch);color:var(--navy);text-decoration:underline;-webkit-text-decoration-color:var(--line-input);text-decoration-color:var(--line-input);text-underline-offset:3px;font-size:var(--fs-label);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;display:inline-flex}.link svg.icon{width:14px;height:14px}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--r-pill);color:var(--navy);cursor:pointer;transition:background-color var(--t-2) var(--ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--line)}.icon-btn svg.icon{width:22px;height:22px}.avatars{grid-template-columns:repeat(4, var(--touch));gap:var(--sp-md);justify-content:start;display:grid}.avatar{width:var(--touch);height:var(--touch);border:2px solid var(--surface);background:var(--ivory);box-shadow:0 0 0 1px var(--line-input);cursor:pointer;transition:transform var(--t-1) var(--ease-out), box-shadow var(--t-2) var(--ease-out);border-radius:50%;padding:0;position:relative}.avatar-bust{clip-path:circle(50%);pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}.avatar:active{transform:scale(.94)}.avatar[aria-checked=true]{box-shadow:0 0 0 2px var(--navy)}.avatar .check{background:var(--navy);width:20px;height:20px;color:var(--ivory);border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;bottom:-5px;right:-5px}.avatar .check svg.icon{width:12px;height:12px}.avatar[aria-checked=true] .check{display:flex}.avatar:focus-visible{box-shadow:0 0 0 2px var(--navy), var(--focus)}.toasts{left:var(--gutter);right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + var(--react-h) + 20px);align-items:center;gap:var(--sp-sm);z-index:3;flex-direction:column;display:flex;position:fixed;pointer-events:none!important}.toast{max-width:420px;padding:10px var(--sp-lg);font-size:var(--fs-body);text-align:center;opacity:0;transition:opacity var(--t-2) var(--ease-out), transform var(--t-2) var(--ease-out);line-height:22px;transform:translateY(8px)}.toast[data-state=open]{opacity:1;transform:none}.toast[data-state=closing]{opacity:0;transform:none}.modal-back{background:var(--scrim);padding:var(--gutter);opacity:0;transition:opacity var(--t-2) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-back[data-state=open]{opacity:1}.modal-back[data-state=closing]{opacity:0}.modal-card{gap:var(--sp-md);text-align:center;width:100%;max-width:360px;box-shadow:var(--shadow-float);flex-direction:column;display:flex}.modal-card .sub{white-space:pre-line}.modal-card .verse-ref{text-align:right;color:var(--text-sub);font-size:var(--fs-label)}.modal-card h2{font-size:var(--fs-h-md);line-height:32px}.notice-rows{flex-direction:column;gap:6px;display:flex}.notice-row{min-height:var(--touch);border:1px solid var(--line);border-radius:var(--r-btn);background:var(--ivory);color:var(--text);font-size:var(--fs-body);text-align:left;font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding:0 12px;display:flex}.notice-row strong{width:52px;font-family:var(--font-title);color:var(--navy);flex:none;font-weight:600}.notice-row.on{border-color:var(--gold);background:var(--gold-soft)}.notice-now{border-radius:var(--r-pill);background:var(--navy);color:var(--ivory);font-size:var(--fs-small);flex:none;margin-left:auto;padding:2px 10px;font-weight:700}#app:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%, transparent 60%, var(--vignette));position:absolute;inset:0}body.phase-entry #app:after,body.mode-lite #app:after{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:var(--t-1)!important;animation:none!important}.toast,.btn:active,.avatar:active{transform:none!important}}.glass-pill{border-radius:var(--r-pill);border:1px solid var(--glass-gold-line);background-clip:padding-box;background-color:var(--ivory);color:var(--text);box-shadow:var(--shadow-float)}.glass-pill.navy{background-color:var(--navy);color:var(--ivory)}.glass-pill:focus-visible{box-shadow:var(--focus), var(--shadow-float)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body:not(.low-power):not(.low-end):not(.mode-lite) :is(.glass-pill,.mode-screen .strip-main,.mode-screen .strip .icon-btn):not(.entry.no3d *){-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}body:not(.low-power):not(.low-end):not(.mode-lite) .glass-pill:not(.entry.no3d *){background-color:var(--glass-ivory)}body:not(.low-power):not(.low-end):not(.mode-lite) .glass-pill.navy:not(.entry.no3d *){background-color:var(--glass-navy)}}.entry.no3d .glass-pill{background-color:var(--ivory)}.btn:focus-visible{box-shadow:var(--focus), var(--shadow-card)}.float-chip:focus-visible,.coach:focus-visible{box-shadow:var(--focus), var(--shadow-float)}.req-pill:focus-visible{box-shadow:var(--focus), var(--glow-gold)}