@font-face{font-family:NanumSquare;src:url(/self-growth/NanumSquareR.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{font-family:"NanumSquare","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#173745;background:#eaf1f1;font-synthesis:weight;font-size:16px;--navy:#173b4b;--teal:#087f7d;--mint:#caeae0;--muted:#596e75;--line:#dce6e5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;min-height:46px;border-radius:12px;padding:10px 14px;font-weight:700}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #11a8a1;outline-offset:3px}button:hover{background:#e5f1ee}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}.shell{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 480px;gap:65px;min-height:100dvh;padding:34px 32px}.intro{display:flex;flex-direction:column;justify-content:space-between;padding:25px 0 30px}.brand{font-weight:900;letter-spacing:.08em;font-size:18px;display:block}.brand span{font-size:11px;letter-spacing:.16em;display:block;color:var(--teal);margin-top:6px}.intro h1{font-size:40px;line-height:1.45;letter-spacing:-.05em}.intro p{line-height:1.9;color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em}.private{font-size:14px}.app{position:relative;background:#f9fbfa;border:1px solid #d8e4e2;border-radius:28px;box-shadow:0 18px 60px #173b4b0c;min-width:0;overflow:clip}header{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ecf0ef}.icon{font-size:22px;min-width:46px;background:#edf3f1}main{padding:22px 22px 105px;min-height:70vh}h1,h2,h3,p{margin-top:0}h2{font-size:25px;letter-spacing:-.04em;margin-bottom:8px}h3{font-size:18px;margin-bottom:12px}p{line-height:1.65}.muted{color:var(--muted);font-size:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.date{font-size:14px;color:var(--muted);margin:0 0 16px}.chip{display:inline-flex;align-items:center;background:#e4f1ed;color:#126965;border:1px solid #c5e2d9;border-radius:50px;padding:7px 11px;font-size:12px;font-weight:800;letter-spacing:.03em}.device{padding:8px;background:#d8e6e1;border:1px solid #b9ccc5;border-radius:25px;box-shadow:inset 0 2px 0 #fff,inset 0 -3px 0 #bdcec6;margin-bottom:23px}.screen{background:#e5f4ed;border:1px solid #afc9b9;border-radius:18px;overflow:hidden;padding:15px 16px 14px;text-align:center}.screen-head{text-align:left;font-size:12px;font-weight:800;letter-spacing:.12em;display:flex;justify-content:space-between}.sprite{width:200px;height:136px;margin:8px auto;background-image:url('/self-growth/growth.png');background-size:500% 100%;background-repeat:no-repeat;image-rendering:auto}.screen .sprite{animation:breathe 4s ease-in-out infinite}.stage{font-size:19px;font-weight:900;margin:2px 0 6px}.screen .muted{margin-bottom:9px}.progress{height:8px;background:#dfebe6;border-radius:10px;overflow:hidden}.progress>i{height:100%;display:block;background:#118d86;border-radius:10px;transition:width .25s}.screen .progress{background:#cbded2}.xp{font-size:12px;display:flex;justify-content:space-between;margin-top:7px;color:#436555}.section{margin:23px 0}.card{border:1px solid var(--line);background:white;border-radius:17px;padding:18px;margin-bottom:14px}.count{font-size:30px;color:var(--teal);font-weight:900;letter-spacing:-.03em}.count small{font-size:17px;color:#6e8785;font-weight:600}.label{font-size:12px;letter-spacing:.12em;font-weight:800}.summary{margin-bottom:16px}.summary .row{margin-bottom:10px}.empty{padding:26px 18px;text-align:center;border:1px dashed #bbd2ca;border-radius:16px;color:var(--muted);line-height:1.7;font-size:15px}.empty strong{display:block;color:var(--navy);font-size:17px;margin-bottom:8px}.primary{background:var(--navy);color:white}.primary:hover{background:#245669}.wide{width:100%}.secondary{background:#e8f2ed;color:#10645f}.add{border:1px dashed #a9c8bc;color:#176961;width:100%;margin-top:12px;background:#f1f7f4}.task{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid #edf1ef}.task:last-child{border:0}.check{appearance:none;flex:0 0 25px;width:25px;height:25px;margin:9px 0;border:2px solid #b9cdc5;border-radius:7px;cursor:pointer;display:grid;place-items:center}.check:checked{background:var(--teal);border-color:var(--teal)}.check:checked:after{content:'✓';color:#fff;font-size:18px;font-weight:800}.task label{flex:1;min-width:0;padding:10px 0;line-height:1.55;overflow-wrap:anywhere;cursor:pointer}.task.done label>span{text-decoration:line-through;color:#70847a}.task small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.more{padding:6px;min-width:44px;color:#72857e;font-size:22px}.note{padding:18px;background:#edf4f0;border-radius:16px}.note label{font-weight:800}.note textarea{margin:12px 0 8px}.note p{margin:0 0 10px}.note .row small{color:var(--muted);font-size:12px}input:not([type=checkbox]),textarea,select{width:100%;padding:13px;border:1px solid #bccfc7;border-radius:10px;background:white;min-height:48px}textarea{resize:vertical;min-height:100px;line-height:1.65}.tabs{display:flex;background:#e9efed;border-radius:12px;padding:4px;margin:20px 0}.tabs button{flex:1;font-size:14px;padding:8px 4px}.tabs .active{background:var(--navy);color:#fff}.goal-context{border-left:3px solid #80b9a5;padding:4px 0 4px 13px;font-size:14px;line-height:1.7;margin:18px 0;color:var(--muted)}.goal-context strong{color:var(--navy)}nav{position:sticky;bottom:0;display:flex;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);margin-top:-81px;backdrop-filter:blur(12px);z-index:5}nav button{flex:1;font-size:24px;color:#83938e;padding:5px}nav span{display:block;font-size:12px;margin-top:3px}nav .active{color:var(--teal);background:#eaf4ef}dialog{width:calc(100% - 32px);max-width:430px;max-height:85dvh;overflow:auto;border:1px solid #d1e3da;border-radius:24px;padding:24px;color:var(--navy);box-shadow:0 20px 90px #122e3f33}dialog::backdrop{background:#0c2b3e70;backdrop-filter:blur(4px)}dialog h2{font-size:23px}dialog label.field{display:block;margin:18px 0 8px;font-size:14px;font-weight:700}dialog .buttons{display:flex;gap:10px;margin-top:22px}dialog .buttons button{flex:1}.danger{color:#a34638}.celebrate{text-align:center;padding:12px 0}.celebrate .mark{font-size:40px;color:var(--teal);padding:15px}.quote{color:#466c60;line-height:1.8;text-align:center;padding:20px 5px;font-size:15px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.stats .card{margin:0}.stats strong{display:block;font-size:27px;margin-top:10px}.stats span{font-size:14px;color:var(--muted)}.stats .full{grid-column:1/-1}.stats .full strong{font-size:20px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;margin-top:16px}.calendar span{font-size:12px;color:var(--muted);padding:10px 0}.calendar button{padding:0;min-height:42px;min-width:0;border-radius:50%;font-size:14px;position:relative}.calendar .recorded{background:#e2f1ea;color:#106d64}.calendar .chosen{background:var(--navy);color:white}.calendar .recorded:after{content:'';position:absolute;width:4px;height:4px;background:#20a392;border-radius:50%;bottom:4px;left:calc(50% - 2px)}.history-date{margin-top:24px}.setting-row{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);padding:17px;margin-top:12px}.setting-row small{display:block;font-weight:400;color:var(--muted);line-height:1.6;margin-top:6px}.settings-info{background:#edf4f0;padding:18px;border-radius:16px;font-size:14px;margin-top:24px;line-height:1.8}.stages{display:flex;gap:8px;justify-content:space-between;margin:18px 0}.stages span{font-size:12px;text-align:center;flex:1;padding:8px 1px;border-radius:8px;background:#eaf1ed;color:#6f817a}.stages .current{background:#c9e6d8;color:#155445;font-weight:800}.finished{font-size:14px;color:var(--teal);font-weight:700}.end-day{width:100%;border:1px solid #c6d9ce;margin:15px 0}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:90vw;width:max-content;background:var(--navy);color:white;border-radius:12px;padding:12px 18px;font-size:14px;z-index:20;display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes breathe{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:800px){.shell{display:block;padding:0}.intro{display:none}.app{max-width:520px;margin:auto;border:0;border-radius:0;min-height:100dvh;box-shadow:none}header{padding:20px 22px}main{padding-top:16px}.sprite{height:128px;width:190px}}@media(max-width:360px){main{padding-left:15px;padding-right:15px}.screen{padding:12px}.count{font-size:27px}h2{font-size:23px}} 

.sprite{height:165px!important;max-width:100%;margin:0 auto 4px}