:root{--ink:#2f2924;--muted:#8b8178;--cream:#fffaf4;--card:#fff;--line:#f0e9e1;--blue:#e7f3ff;--peach:#fff0e7;--mint:#eaf8ee;--lav:#f0edff;--yellow:#fff7d9;--green:#42b97b;--shadow:0 8px 26px rgba(83,61,42,.08)}*{box-sizing:border-box}body{margin:0;background:#f4efe9;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink)}button,textarea{font:inherit}.app{max-width:480px;min-height:100dvh;margin:auto;background:linear-gradient(#fffaf4,#fffdf9);padding:22px 18px 96px;position:relative;box-shadow:0 0 40px #ddd}header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}h1{margin:0;font-size:30px;letter-spacing:-1.5px}.bear{font-size:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#aa8d73;margin:0 0 4px}header p:not(.eyebrow){margin:5px 0;color:#986e52;font-size:13px}header p span,.hello span{color:#ff7f85}.dateBtn{border:0;background:#f4eee7;border-radius:18px;padding:11px 12px;color:#514941;font-weight:700;font-size:12px;white-space:nowrap}.hello{height:120px;margin:22px 0 12px;border-radius:28px;background:linear-gradient(135deg,#e6f3ff,#fff7ed);display:flex;align-items:center;justify-content:space-between;padding:18px 22px;box-shadow:var(--shadow)}.hello div:first-child{background:#fff9;border-radius:22px 22px 6px 22px;padding:13px 16px;line-height:1.6}.kid{font-size:56px;position:relative}.kid span{font-size:30px;position:absolute;right:-9px;bottom:-4px}.progress{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:22px;padding:13px 16px;margin-bottom:12px}.progress b{display:block;font-size:15px}.progress small{display:block;color:var(--muted);margin-top:3px}.ring{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0deg,#eee 0);position:relative}.ring:after{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.ring span{position:relative;z-index:1;font-size:11px;font-weight:800}.task{display:grid;grid-template-columns:84px 42px 1fr 34px;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px 12px;margin:9px 0;box-shadow:0 3px 12px rgba(80,55,30,.035);transition:.2s}.task.done{opacity:.7;background:#fbfdfb}.time{border-radius:14px;padding:9px 5px;text-align:center;font-size:12px;font-weight:800;line-height:1.35}.task:nth-child(5n+1) .time{background:var(--mint);color:#2c7a4c}.task:nth-child(5n+2) .time{background:var(--peach);color:#b65c3b}.task:nth-child(5n+3) .time{background:var(--blue);color:#376b91}.task:nth-child(5n+4) .time{background:var(--lav);color:#5d55a0}.task:nth-child(5n) .time{background:var(--yellow);color:#9a761f}.ico{font-size:27px;text-align:center}.txt b{display:block;font-size:16px}.txt small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.check{width:30px;height:30px;border:2px solid #cfc9c3;background:white;border-radius:10px;color:white;font-weight:900}.done .check{background:var(--green);border-color:var(--green)}.memoCard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px;margin-top:14px}.memoCard label{font-weight:800;font-size:14px}.memoCard textarea{width:100%;height:82px;resize:none;border:0;background:#fff8e8;border-radius:15px;margin-top:10px;padding:12px;outline:none;color:var(--ink)}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:76px;padding-bottom:env(safe-area-inset-bottom);background:#fffcf8ee;backdrop-filter:blur(15px);border-top:1px solid #eee5db;display:flex;z-index:5}nav button{flex:1;border:0;background:none;color:#9c958e;font-size:11px}nav button span{display:block;font-size:22px;margin-bottom:2px}nav button.active{color:#315d8a;font-weight:800}.sheet{position:fixed;inset:0;background:#0004;z-index:10;display:flex;align-items:flex-end;justify-content:center}.sheet.hidden{display:none}.sheetBox{width:min(480px,100%);max-height:78dvh;overflow:auto;background:#fffaf4;border-radius:28px 28px 0 0;padding:16px 20px 30px;position:relative}.grab{width:42px;height:5px;border-radius:5px;background:#ddd;margin:0 auto 16px}.close{position:absolute;right:18px;top:12px;border:0;background:#eee5dc;width:30px;height:30px;border-radius:50%;font-size:20px}.sheet h2{margin:5px 0 16px}.historyRow{background:white;border-radius:17px;padding:14px;margin:8px 0;display:flex;justify-content:space-between}.settingsBox{background:white;border-radius:18px;padding:15px;line-height:1.7}.reset{margin-top:14px;width:100%;border:0;border-radius:15px;padding:13px;background:#f5e8e5;color:#a24f47;font-weight:800}@media(max-width:370px){.task{grid-template-columns:72px 36px 1fr 30px;padding:9px 8px}.dateBtn{font-size:10px}h1{font-size:26px}}