:root{--toss-blue: #3182f6;--toss-blue-dark: #1b64da;--toss-blue-light: #e8f3ff;--grey-50: #f9fafb;--grey-100: #f2f4f6;--grey-200: #e5e8eb;--grey-300: #d1d6db;--grey-400: #b0b8c1;--grey-500: #8b95a1;--grey-600: #6b7684;--grey-700: #4e5968;--grey-800: #333d4b;--grey-900: #191f28;--red-500: #f04452;--green-500: #03b26c;--bg: #ffffff;--radius-card: 20px;--radius-control: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:Toss Product Sans,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif;background:var(--bg);color:var(--grey-900);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}input{font:inherit;border:none;outline:none;background:none}#root{min-height:100%}.app{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 16px) 20px calc(var(--safe-bottom) + 96px)}.app-header{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 0 20px}.app-header h1{font-size:26px;font-weight:800;letter-spacing:-.3px}.app-header .date{font-size:14px;color:var(--grey-500);font-weight:500;margin-top:2px}.icon-btn{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--grey-600);transition:background .15s ease}.icon-btn:active{background:var(--grey-100)}.progress-card{background:var(--toss-blue);border-radius:var(--radius-card);padding:20px;color:#fff;display:flex;align-items:center;gap:16px;margin-bottom:24px;box-shadow:0 8px 24px #3182f640}.progress-card .ring{flex-shrink:0}.progress-card .ring text{font-weight:800;fill:#fff}.progress-card .label{font-size:14px;opacity:.85;font-weight:500}.progress-card .summary{font-size:18px;font-weight:700;letter-spacing:-.2px}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:var(--grey-500);margin:20px 0 10px}.section-title .clear-btn{font-size:13px;font-weight:600;color:var(--grey-400)}.section-title .clear-btn:active{color:var(--red-500)}.todo-list{list-style:none;display:flex;flex-direction:column;gap:8px}.todo-item{display:flex;align-items:center;gap:12px;background:var(--grey-50);border-radius:var(--radius-control);padding:14px 16px;animation:slide-in .2s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.todo-item.done{background:var(--grey-100)}.todo-item.done .todo-text{color:var(--grey-400);text-decoration:line-through}.checkbox{width:26px;height:26px;border-radius:50%;border:2px solid var(--grey-300);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .1s ease}.checkbox:active{transform:scale(.88)}.checkbox.checked{background:var(--toss-blue);border-color:var(--toss-blue)}.checkbox svg{opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .15s ease}.checkbox.checked svg{opacity:1;transform:scale(1)}.todo-text{flex:1;font-size:16px;font-weight:500;color:var(--grey-800);word-break:break-all}.todo-text-input{flex:1;font-size:16px;font-weight:500;color:var(--grey-900);border-bottom:2px solid var(--toss-blue);padding-bottom:2px}.todo-actions{display:flex;gap:2px;flex-shrink:0}.todo-actions .icon-btn{width:34px;height:34px;color:var(--grey-400)}.todo-actions .icon-btn.pinned{color:var(--toss-blue)}.empty-state{text-align:center;padding:64px 0 48px;color:var(--grey-500)}.empty-state .emoji{font-size:44px;display:block;margin-bottom:12px}.empty-state p{font-size:15px;font-weight:500}.input-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 20px calc(var(--safe-bottom) + 16px);background:linear-gradient(to top,var(--bg) 70%,transparent)}.input-bar form{max-width:440px;margin:0 auto;display:flex;gap:8px;background:var(--grey-100);border-radius:18px;padding:6px 6px 6px 18px;align-items:center;border:2px solid transparent;transition:border-color .15s ease}.input-bar form:focus-within{border-color:var(--toss-blue);background:#fff}.input-bar input{flex:1;font-size:16px;color:var(--grey-900);min-width:0}.input-bar input::placeholder{color:var(--grey-400)}.input-bar .add-btn{width:44px;height:44px;border-radius:14px;background:var(--toss-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,transform .1s ease}.input-bar .add-btn:active{background:var(--toss-blue-dark);transform:scale(.94)}.input-bar .add-btn:disabled{background:var(--grey-200);color:var(--grey-400)}.widget{max-width:360px;margin:0 auto;padding:calc(var(--safe-top) + 12px) 14px calc(var(--safe-bottom) + 12px)}.widget-card{background:var(--bg);border-radius:var(--radius-card);padding:16px;box-shadow:0 2px 16px #02204714}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.widget-header .title{font-size:15px;font-weight:800;color:var(--grey-900);display:flex;align-items:center;gap:6px}.widget-header .title .dot{width:8px;height:8px;border-radius:50%;background:var(--toss-blue)}.widget-header .count{font-size:13px;font-weight:700;color:var(--toss-blue);background:var(--toss-blue-light);border-radius:999px;padding:2px 10px}.widget-list{list-style:none;display:flex;flex-direction:column}.widget-item{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--grey-100)}.widget-item:last-of-type{border-bottom:none}.widget-item .checkbox{width:24px;height:24px}.widget-item .todo-text{font-size:15px}.widget-empty{text-align:center;color:var(--grey-500);font-size:14px;font-weight:500;padding:20px 0}.widget-footer{margin-top:10px}.widget-open-btn{width:100%;padding:12px;border-radius:var(--radius-control);background:var(--grey-100);color:var(--grey-700);font-size:14px;font-weight:700;transition:background .15s ease}.widget-open-btn:active{background:var(--grey-200)}@media(prefers-color-scheme:dark){:root{--bg: #17171c;--grey-50: #222227;--grey-100: #2c2c35;--grey-200: #3c3c47;--grey-300: #4d4d59;--grey-400: #62626d;--grey-500: #7e7e87;--grey-600: #9e9ea4;--grey-700: #c3c3c6;--grey-800: #e4e4e5;--grey-900: #f7f7f8}.input-bar form:focus-within{background:var(--grey-50)}.widget-card{box-shadow:0 2px 16px #0006}}