:root{--bg: #f6f1e7;--card: #fffdf8;--ink: #1f2a44;--sub: #5e594e;--line: #e8dfcd;--line-strong: #cfc5b0;--clay: #3e86b4;--clay-ink: #25597c;--clay-tint: #dcebf5;--clay-wash: #eef5fa;--track: #ebe3d1;--shadow-sm: 0 1px 2px rgba(74, 52, 30, .05);--shadow-md: 0 1px 2px rgba(74, 52, 30, .04), 0 8px 20px rgba(74, 52, 30, .07);--radius: 20px;--font-body: "Noto Sans KR", system-ui, sans-serif;--font-title: "Single Day", "Noto Sans KR", cursive;--font-ui: "Noto Sans KR", system-ui, sans-serif;--font-label: "Dongle", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;word-break:keep-all;overflow-wrap:break-word;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button,textarea,input{font-family:inherit;color:inherit;touch-action:manipulation}a{color:inherit;touch-action:manipulation}:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.shell{height:100dvh;max-width:480px;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;position:relative}.scroll{flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:22px 20px calc(150px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}.flow-scroll{padding-top:16px;padding-bottom:20px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scroll>*{animation:rise .32s ease-out both;flex-shrink:0}.scroll:after{content:"";display:block;flex:0 0 calc(var(--tabbar-space, calc(80px + env(safe-area-inset-bottom)) ) + 12px)}.flow-scroll:after{content:none}.scroll>*:nth-child(2){animation-delay:.04s}.scroll>*:nth-child(3){animation-delay:.08s}.scroll>*:nth-child(4){animation-delay:.12s}.scroll>*:nth-child(n+5){animation-delay:.16s}@media(prefers-reduced-motion:reduce){.scroll>*{animation:none}*{transition:none!important}}.title{margin:0;font-family:var(--font-title);font-weight:400;font-size:30px;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}.title.sm{font-size:26px;line-height:1.35}.label{font-family:var(--font-label);font-weight:700;font-size:27px;line-height:1.1;letter-spacing:.01em}.label.muted{color:var(--sub);font-size:25px}.help{font-size:14px;line-height:1.65;color:var(--sub);margin:0;text-wrap:pretty}.tiny{font-size:12.5px;color:var(--sub)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.card.tight{padding:2px 16px;gap:0}.card.hero{background:linear-gradient(180deg,var(--clay-wash) 0%,var(--card) 70%);border-color:#c9dfee;box-shadow:var(--shadow-md)}.row{display:flex;align-items:center;gap:10px}.stack{display:flex;flex-direction:column;gap:8px}.spread{justify-content:space-between}.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:25px;font-size:16px;font-weight:700;letter-spacing:.01em;text-decoration:none;cursor:pointer;border:1.5px solid transparent;padding:0 22px;transition:transform .12s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(180deg,#4a94c2 0%,var(--clay) 100%);color:#fff;box-shadow:0 1px #ffffff40 inset,0 8px 18px #3e86b447}.btn.primary:hover{box-shadow:0 1px #ffffff40 inset,0 10px 22px #3e86b457}.btn.primary:disabled{background:#d3cab7;color:#fffdf8;box-shadow:none;cursor:default;transform:none}.btn.ghost{background:transparent;border-color:var(--line-strong);color:var(--ink);font-weight:400}.btn.ghost:hover{background:#fffdf8b3}.btn.small{min-height:44px;font-size:14px;border-radius:22px}.btn.grow{flex-grow:1}.footer{padding:10px 20px calc(86px + env(safe-area-inset-bottom));display:flex;gap:10px;background:linear-gradient(180deg,rgba(246,241,231,0) 0%,var(--bg) 28%)}.footer .prev{width:76px}.footer .btn{min-height:42px;font-size:14px;padding:0 16px}.choice{flex:1 1 0;min-height:46px;border-radius:23px;border:1.5px solid var(--line-strong);background:var(--card);font-size:14.5px;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.choice:active{transform:scale(.97)}.choice.on{border-color:var(--clay);background:var(--clay-tint);color:var(--clay-ink);font-weight:700}.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:18px;border:1.5px solid var(--line-strong);background:transparent;font-size:13px;cursor:pointer}.tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:700}.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:12px;border:0}.pill.on{background:#dce7d8;color:#3f5c3b;font-weight:700}.pill.off{background:var(--track);color:var(--ink)}button.pill{cursor:pointer}.field{display:flex;flex-direction:column;gap:8px}.field textarea{width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line-strong);background:var(--card);font-size:15.5px;line-height:1.6;resize:none;transition:border-color .15s,box-shadow .15s}.field textarea::placeholder{color:#a39c8c}.field textarea:focus{outline:none;border-color:var(--clay);box-shadow:0 0 0 3px #3e86b429}.opt{font-family:var(--font-body);font-weight:400;color:var(--sub);font-size:13px}.tabbar{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:20;display:flex;padding:4px;border-radius:30px;background:#fffdf880;-webkit-backdrop-filter:blur(18px) saturate(1.8);backdrop-filter:blur(18px) saturate(1.8);border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 30px #4a341e2e,0 2px 6px #4a341e14,inset 0 1px #fff9,inset 0 -1px #ffffff26}.tab-slider{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:26px;z-index:0;pointer-events:none;background:#ffffffd1;box-shadow:0 4px 14px #3e86b459,inset 0 1px #fffc,inset 0 0 0 1px #3e86b41f;transition:left .26s cubic-bezier(.3,1.35,.5,1),width .26s cubic-bezier(.3,1.35,.5,1),transform .12s ease}.tab-slider.stretch{transition:left .1s ease-out,width .1s ease-out,transform .12s ease}.tabbar.press .tab-slider{transform:scale(1.08,1.12)}.tab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0 5px;text-decoration:none;color:#6b655a;font-family:var(--font-ui);font-weight:400;font-size:10px;white-space:nowrap;letter-spacing:-.04em;position:relative;z-index:1;transition:color .12s;-webkit-tap-highlight-color:transparent}.tab svg{padding:0}.tab.on{color:var(--clay-ink);font-weight:700}.tab-ico{display:flex;align-items:center;justify-content:center;height:26px;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.tab.on .tab-ico{transform:translateY(-1px) scale(1.12)}.tab:focus-visible{outline-offset:-2px;border-radius:24px}@media(prefers-reduced-motion:reduce){.tab-slider,.tab-slider.stretch,.tab-ico{transition:none}}.flowtop{padding:8px 20px 0;display:flex;flex-direction:column;gap:10px}.back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-12px;text-decoration:none;border-radius:22px}.back:active{background:var(--track)}.segs{display:flex;gap:6px}.seg{flex:1;height:5px;border-radius:3px;background:#dfd5c1;transition:background .25s}.seg.on{background:var(--clay)}.scale{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.num{width:100%;aspect-ratio:1;padding:0;border-radius:50%;border:0;background:#ede4da;color:var(--sub);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:transform .12s,background .15s}.num:hover{background:#e4d9cb}.num:active{transform:scale(.93)}.num[aria-pressed=true]{transform:none;box-shadow:none;font-weight:700}.segmented{display:flex;padding:4px;border-radius:14px;background:var(--track)}.segmented button{flex:1 1 0;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--sub);font-size:14.5px;cursor:pointer;transition:background .15s,color .15s}.segmented button.on{background:var(--card);color:var(--ink);font-weight:700;box-shadow:var(--shadow-sm)}.domain-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;border-radius:16px;border:1.5px solid var(--line-strong);background:var(--card);cursor:pointer;transition:background .15s,border-color .15s}.domain-row.on{border:1.5px solid var(--clay);background:var(--clay-wash);box-shadow:0 0 0 1px var(--clay) inset}.domain-row input{width:22px;height:22px;accent-color:var(--clay)}.bar{flex:1;height:8px;border-radius:4px;background:#e6ddcb;overflow:hidden}.bar>span{display:block;height:100%;border-radius:4px}.dot{width:18px;height:18px;border-radius:9px;border:2px solid var(--line-strong);transition:background .2s}.bubble{width:42px;height:42px;border-radius:21px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:19px}.bubble.bob{animation:bob 4.2s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.7s)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card.hero .btn.primary{position:relative;isolation:isolate}.card.hero .btn.primary.solid:not(:disabled):before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 0%,transparent 38%,rgba(255,255,255,.3) 50%,transparent 62%,transparent 100%);background-size:300% 100%;background-position:0% 0;animation:btnlight 5.5s ease-in-out infinite alternate}@keyframes breathe{0%,to{opacity:.15;transform:scale(.97)}50%{opacity:.85;transform:scale(1.1,1.4)}}@media(prefers-reduced-motion:reduce){.bubble.bob,.card.hero .btn.primary.solid:before{animation:none}}.list-line{padding:12px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.list-line:last-child{border-bottom:0}.check-line{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:15.5px;border-bottom:1px solid var(--line)}.check-line:last-child{border-bottom:0}.check-line input{width:22px;height:22px;accent-color:var(--clay)}.notice{padding:12px 14px;border-radius:14px;background:var(--track);font-size:13.5px;line-height:1.65;color:#3a3f52}.empty{text-align:center;padding:28px 12px;color:var(--sub);font-size:14.5px;line-height:1.7}.link-small{font-size:13px;color:var(--sub)}.toast{background:#dce7d8;color:#3f5c3b;border-radius:14px;padding:13px 16px;font-size:14.5px;font-weight:700}.userhead{display:flex;align-items:center;gap:14px}.avatar{flex-shrink:0;width:56px;height:56px;border-radius:28px;background:var(--clay-tint);color:var(--clay-ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:26px;text-decoration:none;border:1.5px solid #c3dcec}.userinfo{display:flex;flex-direction:column;min-width:0;flex:1}.logout{flex-shrink:0;font-family:var(--font-ui);font-size:13px;color:var(--sub);background:none;border:1px solid var(--line, #e4dcc9);border-radius:999px;padding:7px 12px;cursor:pointer}.userdate{font-size:13px;font-weight:700;color:#9a7b4f;letter-spacing:-.01em}.username{font-family:var(--font-title);font-size:27px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.username.unset{font-family:var(--font-body);font-size:16px;color:var(--clay);font-weight:500}.useremail{font-size:13px;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.textline{width:100%;min-height:48px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line-strong);background:var(--card);font-size:16px}.textline:focus{outline:none;border-color:var(--clay);box-shadow:0 0 0 3px #3e86b429}.greet{font-size:14px;color:#857f70;letter-spacing:-.01em}.logoutcol{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.verlink{color:var(--sub);text-decoration:none}.update-notice{position:fixed;left:50%;transform:translate(-50%);bottom:calc(92px + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:12px;background:#2b2b2b;color:#fff;font-family:var(--font-ui);font-size:14px;padding:10px 10px 10px 16px;border-radius:999px;box-shadow:0 4px 16px #00000040}.update-notice button{background:var(--clay);color:#fff;border:0;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:14px;cursor:pointer}input[type=time].textline,input[type=date].textline{-webkit-appearance:none;appearance:none;display:block;min-width:0;max-width:100%;text-align:center}input[type=time].textline::-webkit-date-and-time-value{text-align:center;margin:0 auto}.field{min-width:0}.fold>summary::-webkit-details-marker{display:none}.fold{border-top:1px solid var(--line)}.fold:first-child{border-top:0}.fold-arrow{display:inline-block;font-size:10px;transition:transform .15s}.fold[open]>summary .fold-arrow{transform:rotate(90deg)}@keyframes introfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.intro{position:fixed;inset:0;z-index:300;background-color:#f5efe8;background-image:radial-gradient(120% 60% at 50% -10%,#fbf7f2f2,#fbf7f200 60%),radial-gradient(90% 50% at 100% 110%,#efe6dde6,#efe6dd00 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:24px;text-align:center;cursor:pointer;overflow:hidden}.intro.out{opacity:0;transition:opacity .4s ease-out;pointer-events:none}.intro-mark{display:flex;flex-direction:column;align-items:center}.intro-title{margin:0;font-family:"Noto Serif KR",Nanum Myeongjo,serif;font-weight:400;color:#2b2620;font-size:clamp(1.75rem,7.6vw,3rem);letter-spacing:.08em;line-height:1.25;white-space:nowrap;animation:introfade 1.2s ease-out 3.6s both}.intro-tree{display:block;height:auto;width:min(58vw,15rem);margin:16px 0}.intro-ccctim{display:block;height:auto;width:min(48vw,12rem);animation:introfade 1.2s ease-out 4.4s both}.intro-skip{background:none;border:0;font-size:13px;color:var(--sub);padding:8px 14px;cursor:pointer;animation:introfade .6s ease-out 1.5s both}@media(prefers-reduced-motion:reduce){.intro-title,.intro-ccctim,.intro-skip,.login-body{animation:none}}.guide-card{animation:rise .2s ease-out}.subtabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:16px;background:var(--track)}.subtabs a{text-align:center;text-decoration:none;font-size:13.5px;line-height:1.3;padding:9px 4px;border-radius:12px;color:var(--sub);word-break:keep-all}.subtabs a.on{background:var(--card);color:var(--ink);font-weight:700;box-shadow:var(--shadow-sm)}.wb-h{margin:0;font-family:var(--font-title);font-weight:400;font-size:22px;line-height:1.35}.wb-para{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.7;color:#3a3f52}.wb-para p{margin:0}.wb-strong{font-weight:700;color:var(--ink)}.wb-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;background:var(--card);border-radius:12px;overflow:hidden;border:1px solid var(--line)}.wb-table caption{text-align:left;font-weight:700;padding:9px 12px;background:var(--track)}.wb-table th,.wb-table td{padding:9px 12px;vertical-align:top;text-align:left;border-top:1px solid var(--line)}.wb-table th{width:36%;font-weight:700;word-break:keep-all}.wb-acc>summary{list-style:none;cursor:pointer;padding:15px 0;font-family:var(--font-title);font-size:21px;display:flex;gap:10px;align-items:center}.wb-acc>summary::-webkit-details-marker{display:none}.wb-acc[open]>summary .fold-arrow{transform:rotate(90deg)}.center-col{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.shell{max-width:720px}.scroll{padding-left:40px;padding-right:40px;gap:20px}.flowtop,.footer{padding-left:40px;padding-right:40px}.title{font-size:34px}.center-col{max-width:480px;gap:20px}.tabbar{max-width:580px;margin-left:auto;margin-right:auto;bottom:calc(14px + env(safe-area-inset-bottom))}}@media(min-width:1100px){.shell{max-width:800px}}.login-page{position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#f5efe8;background-image:radial-gradient(120% 60% at 50% -10%,#fbf7f2f2,#fbf7f200 60%),radial-gradient(90% 50% at 100% 110%,#efe6dde6,#efe6dd00 70%);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#2b2620;display:flex}.login-wrap{margin:auto;padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}.login-body{display:flex;flex-direction:column;align-items:center;gap:16px;animation:introfade .8s ease-out 1.2s both}.login-desc{margin:0;white-space:nowrap;font-size:14px;line-height:1.43;color:#2b2620b3}.login-btn{min-width:220px}.login-privacy{font-size:12px;line-height:1.33;color:#2b262066;text-decoration:none;padding:4px 8px}.login-privacy:hover{text-decoration:underline;color:#2b262099}.vc-list{display:flex;flex-direction:column;gap:10px}.vc-row{display:flex;justify-content:flex-start}.vc-row.me{justify-content:flex-end}.vc-msg{max-width:88%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.6;white-space:pre-wrap;background:var(--track);color:var(--ink)}.vc-msg.me{background:var(--clay);color:#fff}.vc-replay{margin-left:8px;padding:2px 0;border:0;background:none;color:var(--sub);font-size:12.5px;text-decoration:underline;cursor:pointer}.vc-replay:disabled{opacity:.4;cursor:default}.vc-ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.vc-dot{width:12px;height:12px;flex-shrink:0;border-radius:50%;background:var(--line-strong)}.vc-dot.on{background:var(--clay);animation:vcpulse 1.2s ease-in-out infinite}.vc-dot.work{background:#c29b4b;animation:vcpulse 1.2s ease-in-out infinite}@keyframes vcpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.vc-dot.on,.vc-dot.work{animation:none}}.shell{--bt: 62, 134, 180}.shell[data-menu=growth]{--bt: 96, 100, 186}.shell[data-menu=prayer]{--bt: 176, 126, 30}.shell[data-menu=group]{--bt: 62, 138, 114}.shell[data-menu=workbook]{--bt: 205, 108, 50}.shell[data-menu=settings]{--bt: 96, 112, 134}.shell .btn:not(.solid):not(.login-btn){position:relative;isolation:isolate;border:0;border-radius:999px;font-weight:500;color:var(--ink);background:#ffffff57;box-shadow:0 0 0 1px rgba(var(--bt),.2),inset 1px 1.5px 2px -.5px #fffffff2,inset -1px -1.5px 2px -.5px #fff9,0 6px 18px -6px rgba(var(--bt),.35);transition:transform .18s cubic-bezier(.3,1.4,.5,1),background .2s ease}.shell .btn:not(.solid):not(.login-btn):after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(100deg,#ffffff40 0% 30%,#ffffffd1 48%,rgba(var(--bt),.38) 52%,#ffffff40 70% 100%);background-size:300% 100%;background-position:0% 0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:btnlight 5.5s ease-in-out infinite alternate}.shell .btn:not(.solid):not(.login-btn):before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 0%,transparent 38%,rgba(255,255,255,.3) 50%,transparent 62%,transparent 100%);background-size:300% 100%;background-position:0% 0;animation:btnlight 5.5s ease-in-out infinite alternate}@keyframes btnlight{0%{background-position:100% 0}to{background-position:0% 0}}@media(prefers-reduced-motion:reduce){.shell .btn:not(.solid):not(.login-btn):before,.shell .btn:not(.solid):not(.login-btn):after{animation:none;background-position:50% 0}}.shell .btn:not(.solid):not(.login-btn):hover{background:#ffffff80}.shell .btn:not(.solid):not(.login-btn):active{transform:scale(1.04,1.03)}.shell .btn.primary:not(.solid):not(.login-btn){color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.28);background:rgba(var(--bt),.82);box-shadow:inset 1px 1.5px 2px -.5px #ffffffbf,inset -1px -1.5px 2px -.5px #fff6,0 8px 18px -6px rgba(var(--bt),.55)}.shell .btn.primary:not(.solid):not(.login-btn):hover{background:rgba(var(--bt),.92)}.shell .btn.primary:not(.solid):not(.login-btn):disabled{background:#968c7d52;color:#fffdf8;text-shadow:none;box-shadow:none;cursor:default;transform:none}.shell .btn.primary:not(.solid):not(.login-btn):disabled:after{opacity:.4}.shell .btn:disabled:not(.solid):not(.login-btn):before{display:none}