@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{--pink:#ffb9e9;--hot:#ff4f96;--lav:#cfc3ff;--purple:#8f75e8;--orange:#ff8b1f;--yellow:#fff08c;--mint:#bdebcf;--blue:#bfe3ff;--ink:#211b25;--muted:#786b78;--paper:#fff8fc;--line:#eadce8;--white:#fff;--shadow:0 10px 30px rgba(63,37,62,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}.app-shell{min-height:100vh;display:flex;background:linear-gradient(135deg,#fff8fc 0%,#f8f3ff 55%,#fff9f1 100%)}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#ffb7e7;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.logo-block{text-align:center}.logo-block img{width:76px;height:76px;object-fit:cover;border-radius:22px;margin-bottom:7px}.logo-word{font:700 27px Fraunces;letter-spacing:-1px;color:#f04400}.logo-world{font-size:9px;font-weight:800;letter-spacing:4px;color:#f04400;margin-top:-2px}.tagline{font-size:8px;font-weight:800;letter-spacing:2px;margin-top:14px}.sidebar nav{display:grid;gap:6px;margin-top:30px}.nav-btn{border:0;background:transparent;border-radius:15px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left}.nav-btn span{font-size:21px;width:28px;text-align:center}.nav-btn b{font-size:12px}.nav-btn.active{background:#fff;box-shadow:0 5px 15px rgba(100,30,80,.08)}.sidebar-note{margin-top:auto;background:#f6ddff;border-radius:18px;padding:14px;font-size:10px;line-height:1.5}.sidebar-note strong{font-size:13px}.topbar{display:none}main{width:calc(100% - 220px);margin-left:220px}.page-head{max-width:1100px;margin:0 auto;padding:40px 42px 22px;display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--hot);text-transform:uppercase}.page-head h1{font:700 43px Fraunces;margin:7px 0 3px;letter-spacing:-1.4px}.page-head p{margin:0;color:var(--muted);font-size:13px}.primary,.secondary{border:0;border-radius:13px;padding:11px 16px;font-weight:800;font-size:12px;white-space:nowrap}.primary{background:#211b25;color:#fff}.secondary{background:#fff;border:1px solid var(--line)}.full{width:100%;margin-top:10px}.text-btn{border:0;background:none;font-weight:800;font-size:11px;color:var(--hot)}section{max-width:1100px;margin:0 auto;padding:0 42px 60px}.hero{border-radius:26px;background:linear-gradient(110deg,#ff6eac,#ffb5df 48%,#cfc3ff);padding:30px 34px;min-height:190px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero h2{font:700 35px Fraunces;margin:9px 0 7px}.hero p{margin:0;font-size:13px}.sticker{display:inline-block;background:#fff38b;border-radius:99px;padding:7px 11px;font-size:9px;font-weight:800;transform:rotate(-4deg)}.hero-note{background:#fff;padding:18px;border-radius:16px;font:600 18px Fraunces;transform:rotate(5deg);box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 28px}.stat-card{border:1px solid var(--line);border-radius:19px;padding:18px;text-align:left;background:#fff;min-height:120px}.stat-card:hover,.goal-card:hover,.bucket-card:hover,.wish-card:hover,.idea-card:hover,.quest-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card span{font-size:22px}.stat-card b{display:block;font:700 29px Fraunces;margin-top:8px}.stat-card small{font-size:10px;color:var(--muted)}.stat-card.pink{background:#ffd9ee}.stat-card.lilac{background:#e5ddff}.stat-card.orange{background:#ffe0b6}.stat-card.green{background:#d8f2e1}.section-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.section-row h2{font:600 22px Fraunces;margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:8px 16px;box-shadow:0 4px 18px rgba(50,30,50,.03)}.task-list{overflow:hidden}.task-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0e7ee}.task-row:last-child{border-bottom:0}.check{width:25px;height:25px;border-radius:8px;border:2px solid #d8cbd5;background:#fff;font-weight:900}.check.checked{background:#211b25;color:#fff;border-color:#211b25}.task-row b{font-size:12px}.task-row small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:9px;color:var(--muted)}.strike{text-decoration:line-through;opacity:.5}.pill{display:inline-flex;align-items:center;gap:3px;padding:4px 7px;border-radius:99px;font-size:8px;font-weight:800}.pill.career{background:#e3d9ff}.pill.business{background:#d8f2e2}.pill.finance{background:#fff0a9}.pill.faith{background:#e8ddff}.pill.education{background:#d8edff}.pill.life{background:#ffdce9}.pill.personal{background:#ffd7ef}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.goal-grid.two{grid-template-columns:repeat(2,1fr)}.goal-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:19px;text-align:left;position:relative;transition:.15s}.goal-card.pink{background:#ffe0f0}.goal-card.purple{background:#e9e2ff}.goal-card.yellow{background:#fff2ad}.goal-card.green{background:#daf3e4}.goal-meta{display:flex;justify-content:space-between;align-items:center}.goal-meta>b{font:700 24px Fraunces}.goal-card h3{font:600 22px Fraunces;margin:14px 0 10px}.goal-card small{font-size:9px;color:var(--muted)}.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.75);overflow:hidden;margin-bottom:8px}.bar i{height:100%;display:block;background:#211b25;border-radius:99px}.step-dots{display:flex;gap:4px;margin-top:12px}.step-dots i{width:7px;height:7px;border-radius:50%;background:#e3d9e1}.step-dots i.on{background:#211b25}.quote-card{padding:18px 20px;border-radius:18px;background:#e5ddff;font:italic 17px Fraunces;margin-bottom:15px}.quote-card.yellow{background:#fff0a8}.mini{display:flex;align-items:center;gap:12px;padding:13px 15px}.mini-icon{font-size:28px;background:#fff0a8;width:48px;height:48px;display:grid;place-items:center;border-radius:15px}.mini b{display:block;font:600 18px Fraunces}.mini small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.mini .secondary{margin-left:auto}.calendar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calendar-top span{font-size:10px;color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{background:#fff;border:1px solid var(--line);border-radius:15px;min-height:170px;padding:10px}.day.today{outline:3px solid #ff8fc4}.day strong{font-size:10px}.day em{font:600 22px Fraunces;font-style:normal}.event{font-size:9px;padding:7px;border-radius:8px;margin-top:8px;line-height:1.25;border-left:4px solid transparent}.event.career{background:#eee8ff;border-left-color:#9d86eb}.event.business{background:#e4f6eb;border-left-color:#74bd98}.event.finance{background:#fff4c8;border-left-color:#d5af39}.event.faith{background:#eee7ff;border-left-color:#a88bdc}.event.education{background:#e6f4ff;border-left-color:#82bce6}.event.life{background:#ffe8f0;border-left-color:#e69abc}.event-done{opacity:.45;text-decoration:line-through}.event.quest{background:#ffe0ad;border-left-color:#ff8b1f}.empty-day{text-align:center;color:#cdbec9;margin-top:24px}.legend{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 18px}.legend span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 9px;font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.legend i.career{background:#9d86eb}.legend i.business{background:#74bd98}.legend i.finance{background:#d5af39}.legend i.faith{background:#a88bdc}.legend i.education{background:#82bce6}.legend i.life{background:#e69abc}.legend i.personal{background:#ed8bbd}.list-title{font-weight:800;font-size:11px;padding:10px 0}.overlay-card{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:23px;padding:25px;position:relative;box-shadow:var(--shadow)}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px}.goal-detail-head{display:flex;justify-content:space-between;align-items:start;padding-right:20px}.goal-detail-head h2{font:700 30px Fraunces;margin:6px 0}.goal-detail-head p{font-size:10px;color:var(--muted)}.big-pct{font:700 44px Fraunces}.bar.big{height:11px;margin:14px 0 25px}.detail-cols{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-cols h3,.detail-diary h3{font:600 20px Fraunces}.item-row{display:grid;grid-template-columns:20px 25px 1fr auto;gap:7px;align-items:center;border-bottom:1px solid #f0e7ee;padding:10px 0}.item-row input{accent-color:#211b25}.item-row b{font-size:12px}.item-row small{font-size:8px;color:var(--muted)}.wide{justify-content:center}.detail-diary{margin-top:25px}.post-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.post-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.post-card img,.post-placeholder{width:100%;height:170px;object-fit:cover}.post-placeholder{display:grid;place-items:center;background:#ffdcec;font-size:40px}.post-card>div{padding:12px}.post-card small{font-size:8px;color:var(--muted)}.post-card h3{font:600 18px Fraunces;margin:5px 0}.post-card p{font-size:10px;margin:0;color:var(--muted)}.tiny-link{display:inline-block;margin-top:8px;background:#e8ddff;padding:5px 7px;border-radius:99px;font-size:8px}.progress-intro{display:flex;justify-content:space-between;align-items:center;background:#ffcae9;border-radius:22px;padding:20px 24px}.progress-intro b{font:600 24px Fraunces}.progress-intro p{font-size:11px;max-width:650px;margin-bottom:0}.progress-intro>span{font-size:45px}.bucket-tabs,.filter-tabs,.idea-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.bucket-tabs button,.filter-tabs button,.idea-tabs button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 11px;font-size:9px;font-weight:700}.bucket-tabs button.active,.filter-tabs button.active,.idea-tabs button.active{background:#211b25;color:#fff}.bucket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.bucket-card{padding:0;border:1px solid var(--line);border-radius:19px;background:#fff;text-align:left;overflow:hidden}.bucket-cover{height:130px;background:linear-gradient(135deg,#ffb9e9,#cfc3ff);display:grid;place-items:center;font-size:42px}.bucket-cover img{width:100%;height:100%;object-fit:cover}.bucket-card>div:last-child{padding:13px}.bucket-card h3{font:600 19px Fraunces;margin:0 0 3px}.bucket-card small{font-size:9px;color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.timeline .post-card{display:grid;grid-template-columns:150px 1fr}.timeline .post-card img,.timeline .post-placeholder{height:150px}.quest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.quest-card{display:grid;grid-template-columns:145px 1fr auto;gap:14px;background:#fff;border:1px solid var(--line);border-radius:19px;padding:11px;transition:.15s}.quest-card.done{opacity:.65}.cover{width:145px;height:145px;border-radius:13px;object-fit:cover}.cover.placeholder{display:grid;place-items:center;background:#ffe0ad;font-size:40px}.quest-content{padding:5px 0}.tag{font-size:8px;font-weight:800;letter-spacing:1px;color:#9b7188}.quest-content h3{font:600 22px Fraunces;margin:9px 0 6px}.quest-content p{font-size:10px;color:var(--muted);min-height:25px}.price{display:block;font-size:12px;margin:9px 0}.linkout{display:inline-block;font-size:9px;font-weight:800;color:#f04400}.round{width:29px;height:29px;border-radius:50%;border:1px solid var(--line);background:#fff}.wish-grid,.got-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.wish-card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:.15s}.wish-img{height:160px;width:100%;object-fit:cover}.wish-img.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#fff0a9,#ffd6ec);font-size:43px}.wish-body{padding:15px}.wish-body h3{font:600 21px Fraunces;margin:7px 0}.wish-card.got{opacity:.7}.got-grid{margin-bottom:20px}.hint{font-size:8px;font-weight:400;color:var(--muted)}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.idea-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:17px;transition:.15s}.idea-card:nth-child(3n+1){background:#ffe1ef}.idea-card:nth-child(3n+2){background:#e8e0ff}.idea-card:nth-child(3n){background:#fff0ad}.idea-top{display:flex;justify-content:space-between;font-size:9px;font-weight:800}.dots{border:0;background:none}.idea-card h3{font:600 22px Fraunces;margin:17px 0 8px}.idea-card p{font-size:10px;min-height:48px;color:#5f5360}.empty{padding:22px;text-align:center;color:var(--muted);font-size:11px}.modal-bg{position:fixed;inset:0;background:rgba(35,25,35,.45);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;background:#fff8fc;border-radius:25px;padding:27px;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.2)}.modal h2{font:700 28px Fraunces;margin:0 0 14px}.modal label{display:grid;gap:6px;font-size:10px;font-weight:800;margin:12px 0}.modal input,.modal select,.modal textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;outline:none}.modal textarea{min-height:90px;resize:vertical}.mobile-nav{display:none}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.show{transform:translateX(0)}main{margin-left:0;width:100%;padding-bottom:82px}.topbar{display:flex;height:62px;padding:0 17px;align-items:center;justify-content:space-between;background:#ffb7e7;border-bottom:1px solid rgba(0,0,0,.05)}.hamb{border:0;background:none;font-size:22px}.mobile-logo{display:flex;align-items:center;gap:7px;font:700 15px Fraunces}.mobile-logo img{width:30px;height:30px;object-fit:cover;border-radius:8px}.sparkle{border:0;background:none;font-size:23px}.page-head{padding:24px 18px 17px;align-items:start}.page-head h1{font-size:35px}.page-head p{font-size:11px}.page-head .primary{padding:9px 11px;font-size:10px}section{padding:0 18px 35px}.hero{padding:23px;min-height:170px}.hero h2{font-size:29px}.hero-note{font-size:15px}.stat-grid{grid-template-columns:1fr 1fr}.goal-grid,.goal-grid.two,.bucket-grid,.quest-grid,.wish-grid,.got-grid,.idea-grid,.timeline{grid-template-columns:1fr}.calendar{grid-template-columns:1fr 1fr}.day{min-height:130px}.detail-cols{grid-template-columns:1fr}.post-strip{grid-template-columns:1fr 1fr}.timeline .post-card{grid-template-columns:100px 1fr}.timeline .post-card img,.timeline .post-placeholder{height:100px}.quest-card{grid-template-columns:100px 1fr auto}.cover{width:100px;height:100px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(7,1fr);left:0;right:0;bottom:0;height:76px;background:#fff;border-top:1px solid var(--line);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav .nav-btn{padding:5px 2px;display:grid;place-items:center;gap:2px;text-align:center;border-radius:0}.mobile-nav .nav-btn span{font-size:20px}.mobile-nav .nav-btn b{font-size:7px;font-weight:700}.mobile-nav .nav-btn.active{background:#ffe1f1;color:#f04400;box-shadow:none}.sidebar-note{display:none}}
@media(max-width:520px){.page-head{display:block}.page-head .primary{margin-top:13px}.hero-note{display:none}.stat-card{min-height:100px;padding:13px}.stat-card b{font-size:25px}.calendar{grid-template-columns:1fr}.post-strip{grid-template-columns:1fr}.quest-card{grid-template-columns:82px 1fr auto}.cover{width:82px;height:82px}.quest-content h3{font-size:18px}}