:root{--sans:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo",system-ui,sans-serif;--ink:#4a3d5c;--sub:#6f6383;--mute:#9a91ab;--line:#e6e1ef;--pink:#ff9ec4;--lilac:#c9a2ff;--mint:#8fe0c4;--lemon:#ffd36b;--sky:#8fc4ff;--pad:clamp(18px,5vw,26px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(168deg,#fff1f7 0%,#f3eeff 52%,#eaf6ff 100%) fixed;margin:0;overflow-x:hidden}h1,h2,p,li,button,label{word-break:keep-all;overflow-wrap:break-word}button,input{font:inherit;color:inherit}#app{max-width:520px;padding:calc(26px + env(safe-area-inset-top)) calc(var(--pad) + env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) calc(var(--pad) + env(safe-area-inset-left));margin:0 auto}.stage{animation:.42s cubic-bezier(.2,.9,.3,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tag{letter-spacing:.12em;color:var(--mute);margin:0 0 12px;font-size:11.5px;font-weight:800}.tag b{color:var(--ink)}.h1{letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(34px,9vw,44px);font-weight:800;line-height:1.16}.h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(24px,6.2vw,30px);font-weight:800;line-height:1.3}.lede{color:var(--sub);margin:0 0 18px;font-size:15px;line-height:1.75}.lede b{color:var(--ink);font-weight:800}.fine{color:var(--mute);margin:14px 0 0;font-size:12px;line-height:1.65}.warn{color:#e0568a;min-height:1.1em;margin:8px 0 0;font-size:13px;font-weight:700}.topbar{letter-spacing:.1em;color:var(--mute);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11.5px;font-weight:800;display:flex}.linkish{color:var(--lilac);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:6px;font-size:11.5px;font-weight:800}#s-intro>.jelly{width:112px;height:112px;margin:20px auto}#s-intro>.tag{color:var(--sub);letter-spacing:.04em}#s-intro>.lede{font-size:16px;line-height:1.65}#s-intro>.fine{color:var(--sub)}.resume-note{background:#fff9e7;border-radius:12px;padding:10px 14px}.test-exit{justify-content:flex-end;margin-bottom:10px;display:flex}.test-exit .linkish,.quick-stage .linkish{min-height:44px;color:var(--sub);letter-spacing:0;padding:8px 12px;font-size:13px}.quick-clock{--elapsed:0deg;background:conic-gradient(var(--mint) var(--elapsed),#e5dfee 0);border-radius:50%;place-items:center;width:182px;height:182px;margin:26px auto 10px;display:grid;position:relative}.quick-clock:before{content:"";background:#f6f2fa;border-radius:50%;position:absolute;inset:5px}.quick-clock .jelly{width:116px;height:116px;margin:0;position:relative}.quick-hold{width:200px;height:200px;color:var(--ink);font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:0;padding:0}.quick-hold:before{pointer-events:none}.quick-hold .jelly{pointer-events:none;width:100px;height:100px;transition:transform .15s;transform:translateY(-16px)}.quick-hold-label{pointer-events:none;font-size:14px;font-weight:900;position:absolute;bottom:23px}.quick-hold[aria-pressed=true]:before{background:#eaf9f1}.quick-hold[aria-pressed=true] .jelly{transform:translateY(-16px)scale(.94)}.moment-hold{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;min-height:64px}.moment-hold[aria-pressed=true]{background:#c8f2e2;box-shadow:inset 0 0 0 3px #76bda5}.quick-hint{text-align:center;color:var(--sub);margin:0;font-size:12px;line-height:1.7}.quick-status{text-align:center;min-height:21px;color:var(--ink);margin:6px 0 16px;font-size:12px;font-weight:700}.quick-time{color:var(--sub);justify-content:center;align-items:baseline;gap:6px;margin:0 0 20px;font-size:13px;display:flex}.quick-time b{font-variant-numeric:tabular-nums;color:var(--ink);font-size:38px;line-height:1.1}.quick-guide{background:#fff;min-height:124px}.quick-guide .panel-tag{color:var(--sub)}.quick-steps{counter-reset:quick;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.quick-steps li{text-align:center;color:var(--sub);border-top:3px solid var(--line);flex:1;padding-top:10px;font-size:11px;line-height:1.5}.quick-steps li.is-current{color:var(--ink);border-color:var(--mint);font-weight:800}.quick-entry{text-align:left;cursor:pointer;background:#e5f7ef;border:1.5px solid #a8dccc;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0 0 20px;padding:13px 15px;font-size:12px;display:flex}.quick-entry b{flex-shrink:0;font-size:13px}button:focus-visible{outline-offset:4px;outline:3px solid #806296}.jelly{background:radial-gradient(circle at 34% 28%,#fff,var(--j1) 60%,var(--j2));width:132px;height:132px;box-shadow:0 20px 34px -16px var(--js),inset 0 -8px 18px #ffffff80;--j1:#ffc7de;--j2:#ff9ec4;--js:#ff78aaa6;border-radius:48% 52% 44% 56%/52% 44% 56% 48%;margin:18px auto;position:relative}.jelly--sm{width:86px;height:86px;margin:10px auto 14px}.jelly[data-mood=soft]{--j1:#c8f2e2;--j2:#8fe0c4;--js:#50c8aa80;animation:5.4s ease-in-out infinite breathe}.jelly[data-mood=shaky]{--j1:#ffc7de;--j2:#ff8fb8;--js:#ff6ea099;animation:.5s ease-in-out infinite shake}.jelly[data-mood=stiff]{--j1:#e6e2ee;--j2:#c3bcd2;--js:#786e8c66;animation:none}.jelly .face{position:absolute;inset:0}.jelly .face:before,.jelly .face:after{content:"";background:#4a3d5c;border-radius:50%;width:9px;height:11px;position:absolute;top:42%}.jelly .face:before{left:33%}.jelly .face:after{right:33%}.jelly[data-mood=stiff] .face:before,.jelly[data-mood=stiff] .face:after{border-radius:2px;height:3px;top:46%}.jelly .count{color:#fff;text-shadow:0 2px 10px #0003;place-content:center;font-size:34px;font-weight:800;display:grid;position:absolute;inset:0}.jelly .count:not([hidden])~.face{opacity:0}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.04,.96)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-2px,1px)rotate(-1.6deg)}75%{transform:translate(2px,-1px)rotate(1.6deg)}}.jelly-say{text-align:center;color:var(--sub);margin:0 0 18px;font-size:15px;font-weight:700;line-height:1.6}.stickers{flex-wrap:wrap;gap:7px;margin:16px 0 0;padding:0;list-style:none;display:flex}.st{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:99px;align-items:center;gap:5px;padding:6px 11px;font-size:11.5px;font-weight:800;display:inline-flex}.st b{font-weight:800}.st--pink{background:#ffd6e7}.st--mint{background:#c9f0e2}.st--lemon{background:#ffeeb8}.st--sky{background:#d5e8ff}.stickers .st:first-child{transform:rotate(-3deg)}.stickers .st:nth-child(2){transform:rotate(2deg)}.stickers .st:nth-child(3){transform:rotate(-1.5deg)}.btn{border:2px solid var(--ink);letter-spacing:-.02em;width:100%;min-height:56px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:18px;margin-top:14px;padding:12px 18px;font-size:15.5px;font-weight:800;transition:transform .14s,box-shadow .14s;display:block}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.btn--go{background:linear-gradient(120deg,var(--pink),var(--lilac));color:#fff}.btn--dash{box-shadow:none;background:0 0;border-style:dashed;min-height:46px;font-size:13.5px;font-weight:700}.row{gap:10px;display:flex}.row .btn{margin-top:14px}.bar{background:#eae5f3;border-radius:99px;height:5px;margin-bottom:20px;overflow:hidden}.bar span{background:linear-gradient(90deg,var(--pink),var(--lilac));transform-origin:0;border-radius:99px;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.9,.3,1);display:block;transform:scaleX(0)}.items{gap:18px;margin:0;padding:0;list-style:none;display:grid}.item{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:20px;padding:18px}.item p{letter-spacing:-.02em;margin:0 0 14px;font-size:15.5px;font-weight:700;line-height:1.55}.likert{gap:5px;display:flex}.likert button{border:1.5px solid var(--line);cursor:pointer;background:#faf8fd;border-radius:11px;flex:1;height:42px;position:relative}.likert button:after{content:"";background:#cfc6de;border-radius:50%;width:8px;height:8px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.likert button[aria-pressed=true]{border-color:var(--ink);background:#ffd6e7}.likert button[aria-pressed=true]:after{background:var(--ink);width:12px;height:12px}.ends{color:var(--mute);justify-content:space-between;margin:7px 0 0;font-size:10.5px;font-weight:700;display:flex}.mapwrap{margin:6px 0 4px}.map{aspect-ratio:1;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:22px;position:relative;overflow:hidden}.map:before,.map:after{content:"";background:#ece7f5;position:absolute}.map:before{height:2px;top:50%;left:6%;right:6%}.map:after{width:2px;top:6%;bottom:6%;left:50%}.mq{color:var(--mute);font-size:10px;font-weight:800;position:absolute}.mq--tl{top:5%;left:7%}.mq--br{bottom:5%;right:7%}.dot{border:2px solid var(--ink);background:radial-gradient(circle at 34% 30%,#fff,var(--pink));border-radius:50%;width:26px;height:26px;transition:left .8s cubic-bezier(.2,.9,.3,1),top .8s cubic-bezier(.2,.9,.3,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 14px -6px #ff78aae6}.dot--was{background:#efeaf7;width:16px;height:16px}.panel{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:20px;margin-top:16px;padding:18px}.panel--warm{background:#fff7ea}.panel--task{background:#f1fbf6}.panel-tag{letter-spacing:.14em;color:var(--lilac);margin:0 0 8px;font-size:11px;font-weight:800}.panel-line{margin:0;font-size:15px;line-height:1.72}.panel--care{background:#fff4f6;border-color:#e0568a}.panel--care .panel-tag{color:#e0568a}.care-list{gap:7px;margin:12px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.care-list b{font-weight:800}.care-list a{color:#e0568a;text-underline-offset:3px;font-weight:800;text-decoration:underline}.care-link{border-top:1.5px dashed var(--line);margin-top:18px;padding-top:12px}.care-link a{color:var(--sub);font-weight:800}.choices{gap:10px;margin-top:10px;display:grid}.choice{text-align:left;border:2px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);letter-spacing:-.02em;cursor:pointer;background:#fff;border-radius:18px;padding:16px;font-size:15px;font-weight:700;line-height:1.5;transition:transform .14s,box-shadow .14s}.choice:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.choice:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.choice.is-pick{background:#ffd6e7}.choice.is-secure{background:#c9f0e2}.chips{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.chip{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:99px;padding:9px 13px;font-size:13px;font-weight:700}.chip.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.field{gap:7px;margin-top:14px;display:grid}.field span{letter-spacing:.1em;color:var(--mute);font-size:11.5px;font-weight:800}.field input{border:2px solid var(--line);background:#fff;border-radius:14px;min-height:50px;padding:12px 15px}.field input:focus{border-color:var(--lilac);outline:none}.planbar{border:2px dashed var(--ink);background:#fffdf3;border-radius:14px;align-items:baseline;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.planbar b{letter-spacing:.1em;color:var(--lilac);flex:none;font-size:10.5px;font-weight:800}.sharecard{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:center;background:linear-gradient(160deg,#fff1f7,#f3eeff 55%,#eaf6ff);border-radius:24px;margin-top:16px;padding:24px 22px}.sc-tag{letter-spacing:.16em;color:var(--lilac);margin:0 0 14px;font-size:10.5px;font-weight:800}.sc-day{color:var(--mute);letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:800}.sc-action{letter-spacing:-.03em;margin:0 0 18px;font-size:19px;font-weight:800;line-height:1.45}.sc-grid{grid-template-columns:repeat(11,1fr);gap:4px;max-width:240px;margin:0 auto 16px;display:grid}.sc-grid i{aspect-ratio:1;background:#e7e1f2;border-radius:4px}.sc-grid i.on{background:var(--pink)}.sc-brand{letter-spacing:.1em;color:var(--sub);margin:0;font-size:11px;font-weight:800}.grid31{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:16px;display:grid}.grid31 i{aspect-ratio:1;background:#efeaf7;border:1.5px solid #e0d8ee;border-radius:10px;position:relative}.grid31 i.on{background:radial-gradient(circle at 34% 30%,#fff,var(--pink));border:2px solid var(--ink)}.grid31 i.none{border:2px solid var(--ink);background:radial-gradient(circle at 34% 30%,#fff,#d5e8ff)}.grid31 i.mind{border:2px solid var(--ink);background:radial-gradient(circle at 34% 30%,#fff,#c9f0e2)}.grid31 i.rest{border:2px solid var(--ink);background:#fff7d9}.grid31 i.rest:after{content:"쉼";color:#8a7a3a;place-content:center;font-size:9px;font-weight:800;display:grid;position:absolute;inset:0}.grid31 i.today{outline:3px dashed var(--lilac);outline-offset:2px}.cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:18px;display:grid}.card{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-align:left;background:linear-gradient(150deg,#fff,#ffeef6);border-radius:18px;padding:16px}.card b{letter-spacing:.1em;color:var(--lilac);margin-bottom:6px;font-size:10.5px;font-weight:800;display:block}.card p{margin:0;font-size:13.5px;font-weight:700;line-height:1.5}.card.locked{box-shadow:none;color:var(--mute);background:#f2eef8;border-style:dashed}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}