:root{color-scheme:dark;--bg-primary:#1a1a1a;--bg-secondary:#222222;--bg-tertiary:#2d2d2d;--bg-elevated:#333333;--accent-gold:#d4a843;--accent-gold-hover:#b8912f;--accent-gold-subtle:rgba(212,168,67,0.15);--status-wish:#5b9bd5;--status-progress:#d4a843;--status-done:#44aa99;--status-wish-subtle:rgba(91,155,213,0.15);--status-done-subtle:rgba(68,170,153,0.15);--accent-green:#4ade80;--accent-blue:#60a5fa;--accent-red:#e05252;--text-primary:#f0f0f0;--text-secondary:#aaaaaa;--text-tertiary:#8a8a8a;--text-muted:#888888;--nav-inactive:#888888;--nav-active:#d4a843;--nav-bg:#1a1a1a;--border-color:#333333;--border-subtle:#2a2a2a;--overlay-bg:rgba(0,0,0,0.6);--block-bg:rgba(255,255,255,0.04);--block-bg-hover:rgba(255,255,255,0.07);--danger-bg:rgba(139,58,58,0.3);--danger-text:#f08080;--shadow-card:0 2px 8px rgba(0,0,0,0.3);--shadow-elevated:0 4px 16px rgba(0,0,0,0.4);--shadow-sheet:0 -4px 20px rgba(0,0,0,0.5);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--spacing-2xs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-ms:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--font-2xs:9px;--font-xs:10px;--font-sm:11px;--font-base:12px;--font-md:13px;--font-lg:14px;--font-xl:15px;--font-2xl:16px;--font-3xl:18px;--font-4xl:20px;--font-5xl:24px;--font-6xl:28px;--font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=light]{color-scheme:light;--bg-primary:#f5f5f0;--bg-secondary:#ffffff;--bg-tertiary:#eeeee9;--bg-elevated:#e5e5e0;--accent-gold:#b8912f;--accent-gold-hover:#a07d28;--accent-gold-subtle:rgba(184,145,47,0.12);--status-wish:#3a7fc4;--status-progress:#b8912f;--status-done:#3a9988;--status-wish-subtle:rgba(58,127,196,0.12);--status-done-subtle:rgba(58,153,136,0.12);--accent-green:#22c55e;--accent-blue:#3b82f6;--accent-red:#c44040;--text-primary:#1a1a1a;--text-secondary:#555555;--text-tertiary:#666666;--text-muted:#777777;--nav-inactive:#777777;--nav-active:#b8912f;--nav-bg:#f5f5f0;--border-color:#e0e0db;--border-subtle:#ebebeb;--overlay-bg:rgba(0,0,0,0.35);--block-bg:rgba(0,0,0,0.03);--block-bg-hover:rgba(0,0,0,0.06);--danger-bg:rgba(180,60,60,0.12);--danger-text:#c44040;--shadow-card:0 2px 8px rgba(0,0,0,0.08);--shadow-elevated:0 4px 16px rgba(0,0,0,0.1);--shadow-sheet:0 -4px 20px rgba(0,0,0,0.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-2xl);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100dvh;overflow-x:hidden;scrollbar-gutter:stable}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer}button,input,select,textarea{font-family:inherit;color:inherit}input,select,textarea{font-size:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.page-container{padding-top:calc(60px + var(--safe-area-top));padding-bottom:calc(72px + var(--safe-area-bottom));min-height:100dvh}.page-content{padding:var(--spacing-md);max-width:480px;margin:0 auto}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);padding-top:var(--safe-area-top)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--spacing-md);max-width:480px;margin:0 auto}.header-spacer{width:36px}.header-center{text-align:center}.header-title{font-size:var(--font-3xl);font-weight:700;letter-spacing:-.02em}.header-title-accent{color:var(--accent-gold)}.header-subtitle{font-size:var(--font-base);color:var(--text-secondary);text-align:center;margin-top:-2px}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background .15s,color .15s}.header-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-icon-btn svg{width:20px;height:20px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--nav-bg);border-top:1px solid var(--border-subtle);padding-bottom:var(--safe-area-bottom)}.bottom-nav-inner{display:flex;align-items:center;justify-content:space-around;height:64px;max-width:480px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 12px;color:var(--nav-inactive);transition:color .2s;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:var(--nav-active)}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-label{font-size:var(--font-xs);font-weight:600;letter-spacing:-.02em}.bottom-nav-brand,.bottom-nav-desktop-actions{display:none}.card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle)}.card-elevated{background:var(--bg-tertiary);box-shadow:var(--shadow-elevated)}.todo-card{position:relative;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px var(--spacing-md);border-left:3px solid var(--border-color);transition:background .15s;cursor:pointer}.todo-card-drag-handle{position:absolute;inset:0;z-index:1;cursor:grab}.todo-card-drag-handle:active{cursor:grabbing}.todo-card-icon{position:relative;z-index:2;flex-shrink:0;font-size:var(--font-md);line-height:1;opacity:.8}.todo-card.status-wish .todo-card-icon{color:var(--status-wish)}.todo-card.status-progress .todo-card-icon{color:var(--accent-gold)}.todo-card.status-done .todo-card-icon{color:var(--status-done)}.vj .todo-card-icon{font-size:var(--font-sm)}.todo-card.status-wish{border-left-color:var(--status-wish)}.todo-card.status-progress{border-left-color:var(--status-progress)}.todo-card.status-done{border-left-color:var(--status-done)}.todo-card.status-done .todo-card-title{text-decoration:line-through;color:var(--text-secondary)}.todo-card.status-done .todo-card-content,.todo-card.status-done .todo-card-memo{text-decoration:line-through;color:var(--text-tertiary)}.todo-card-title{font-size:var(--font-lg);font-weight:600;line-height:1.4;margin-bottom:2px;word-break:break-word;overflow-wrap:break-word}.todo-card-content{font-size:var(--font-base);color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.todo-card-memo{font-size:var(--font-sm);color:var(--text-tertiary)}.todo-card-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.todo-card-action-btn{padding:8px 12px;min-height:44px;font-size:var(--font-sm);font-weight:600;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);transition:background .15s,color .15s}.todo-card-action-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.todo-card-action-btn.primary{background:var(--accent-gold-subtle);color:var(--accent-gold)}.todo-card-action-btn.primary:hover{background:var(--accent-gold);color:var(--bg-primary)}.home-sections{display:flex;flex-direction:column}.todo-section{padding-bottom:var(--spacing-lg);transition:min-height .25s ease,padding .25s ease,background .2s ease,border-color .2s ease}.todo-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.todo-section-dot{width:8px;height:8px;border-radius:var(--radius-full)}.todo-section-dot.wish{background:var(--status-wish)}.todo-section-dot.progress{background:var(--status-progress)}.todo-section-dot.done{background:var(--status-done)}.todo-section-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary)}.todo-section-count{font-size:var(--font-base);color:var(--text-tertiary);margin-left:auto}.todo-section-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.todo-section-empty{padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--text-muted);font-size:var(--font-md)}.cta-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:14px var(--spacing-lg);background:var(--accent-gold);color:var(--bg-primary);font-size:var(--font-xl);font-weight:700;border-radius:var(--radius-md);transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.cta-button:hover{background:var(--accent-gold-hover)}.cta-button:active{transform:scale(.98)}.cta-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cta-button.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.cta-button.secondary:hover{background:var(--bg-elevated)}.cta-button.danger{background:var(--danger-bg);color:#f0f0f0}.cta-button.danger:hover{background:var(--accent-red)}.bottom-sheet-overlay{position:fixed;inset:0;z-index:200;background:var(--overlay-bg);animation:fadeIn .2s ease-out}.bottom-sheet-overlay.closing{animation:fadeOut .2s ease-in forwards}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:201;background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-sheet);max-height:85dvh;display:flex;flex-direction:column;animation:slideUpSheet .3s ease-out;padding-bottom:var(--safe-area-bottom)}.bottom-sheet.closing{animation:slideDownSheet .25s ease-in forwards}.bottom-sheet-handle{display:flex;justify-content:center;padding:12px 0 8px;flex-shrink:0}.bottom-sheet-handle-bar{width:36px;height:4px;background:var(--border-color);border-radius:var(--radius-full)}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md) var(--spacing-md);flex-shrink:0}.bottom-sheet-title{font-size:17px;font-weight:700}.bottom-sheet-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--text-secondary);transition:background .15s}.bottom-sheet-close:hover{background:var(--bg-tertiary)}.bottom-sheet-body{flex:1;overflow-y:auto;padding:0 var(--spacing-md) var(--spacing-md);overscroll-behavior:contain}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input-field{width:100%;padding:12px var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-lg);outline:none;transition:border-color .15s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent-gold)}.textarea-field{width:100%;padding:12px var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-lg);outline:none;resize:vertical;min-height:100px;line-height:1.6;transition:border-color .15s}.textarea-field::placeholder{color:var(--text-muted)}.textarea-field:focus{border-color:var(--accent-gold)}.field-label{display:block;font-size:var(--font-md);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.field-group{margin-bottom:var(--spacing-md)}.add-todo-trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:12px var(--spacing-md);background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--font-md);transition:border-color .15s,color .15s}.add-todo-trigger--spaced{margin-top:var(--spacing-sm)}.add-todo-trigger:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.add-todo-trigger svg{width:16px;height:16px}.add-todo-form{display:flex;gap:var(--spacing-sm)}.add-todo-form--spaced{margin-top:var(--spacing-sm)}.add-todo-form .input-field{flex:1}.add-todo-submit{padding:0 var(--spacing-md);background:var(--accent-gold);color:var(--bg-primary);font-size:var(--font-md);font-weight:700;border-radius:var(--radius-sm);white-space:nowrap;transition:background .15s}.add-todo-submit:hover{background:var(--accent-gold-hover)}.add-todo-cancel{padding:0 var(--spacing-md);color:var(--text-tertiary);font-size:var(--font-md);border-radius:var(--radius-sm);transition:background .15s}.add-todo-cancel:hover{background:var(--bg-tertiary)}.add-wish-panel{margin-top:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;animation:wishPanelIn .2s ease-out}.weekly-wish-add-panel{margin-top:var(--spacing-sm);background:var(--bg-primary);border:none;border-top:1px solid var(--border-subtle);border-radius:0}@keyframes wishPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.add-wish-main{padding:12px 14px 0}.add-wish-input{width:100%;padding:10px 0;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--font-lg);font-weight:600;outline:none;transition:border-color .15s}.add-wish-input:focus{border-bottom-color:var(--accent-gold)}.add-wish-input::placeholder{color:var(--text-muted);font-weight:400}.add-wish-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;min-height:36px}.add-wish-tag-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.add-wish-tag{gap:4px;padding:2px 8px;background:var(--accent-gold-subtle);font-size:var(--font-sm);font-weight:600;border-radius:var(--radius-full);white-space:nowrap;line-height:1.6}.add-wish-tag,.add-wish-tag-remove{display:inline-flex;align-items:center;color:var(--accent-gold)}.add-wish-tag-remove{justify-content:center;width:14px;height:14px;padding:0;background:none;border:none;cursor:pointer;border-radius:50%;opacity:.6;transition:opacity .15s}.add-wish-tag-remove:hover{opacity:1}.add-wish-tag-input{flex:1;min-width:80px;padding:0;background:transparent;border:none;color:var(--text-primary);font-size:var(--font-base);outline:none}.add-wish-tag-input::placeholder{color:var(--text-muted)}.add-wish-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--border-subtle)}.add-wish-weekly{display:flex;align-items:center;gap:6px;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer}.add-wish-weekly input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent-gold);cursor:pointer}.add-wish-actions{display:flex;align-items:center;gap:6px}.add-wish-cancel{padding:5px 12px;background:none;border:none;color:var(--text-tertiary);font-size:var(--font-base);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.add-wish-cancel:hover{background:var(--bg-tertiary)}.add-wish-submit{padding:5px 14px;background:var(--accent-gold);color:var(--bg-primary);font-size:var(--font-base);font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,opacity .15s}.add-wish-submit:hover{background:var(--accent-gold-hover)}.add-wish-submit:disabled{opacity:.4;cursor:default}