: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:#e9e1cf;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}@media(min-width:520px){.shell{box-shadow:0 0 0 1px #4a341e0f,0 20px 60px #4a341e1f}}.scroll{flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:22px 20px 20px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}.flow-scroll{padding-top:16px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scroll>*{animation:rise .32s ease-out both}.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;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{flex-shrink:0;display:flex;padding:6px 2px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fffdf8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:66px}.tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#6b655a;font-family:var(--font-ui);font-weight:400;font-size:11.5px;white-space:nowrap;letter-spacing:-.03em;position:relative;transition:color .15s}.tab svg{padding:0}.tab.on{color:var(--clay);font-weight:500}.tab.on:before{content:"";position:absolute;top:4px;width:40px;height:28px;border-radius:14px;background:var(--clay-tint);z-index:0}.tab>*{position:relative;z-index:1}.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}.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:84px;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)}