@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";:root[data-theme=light]{--bg-body: #f5f5f5;--bg-container: #fefdf8;--bg-section: #f8f7f2;--bg-input: white;--bg-hover: #f8f7f2;--border-color: #e5e5e0;--text-primary: #333;--text-secondary: #999;--text-placeholder: #999;--btn-primary: #007aff;--btn-primary-hover: #0051d5;--btn-secondary: #e5e5e0;--color-claimed: #34c759;--color-tag: #007aff;--toolbar-bg: rgba(255, 255, 255, .95);--toolbar-border: rgba(0, 0, 0, .1);--toolbar-hover: #f0f0f0;--line-color: rgba(0, 122, 255, .1);--warning-bg: #fff8e1;--warning-border: #ffe082;--warning-text: #795548}:root[data-theme=dark]{--bg-body: #1a1a1a;--bg-container: #2a2a2a;--bg-section: #333333;--bg-input: #3a3a3a;--bg-hover: #3a3a3a;--border-color: #444;--text-primary: #e0e0e0;--text-secondary: #999;--text-placeholder: #666;--btn-primary: #0a84ff;--btn-primary-hover: #409cff;--btn-secondary: #3a3a3a;--color-claimed: #30d158;--color-tag: #0a84ff;--toolbar-bg: rgba(42, 42, 42, .95);--toolbar-border: rgba(255, 255, 255, .1);--toolbar-hover: #3a3a3a;--line-color: rgba(10, 132, 255, .1);--warning-bg: #3d3013;--warning-border: #665127;--warning-text: #ffb74d}:root[data-theme=christmas]{--bg-body: #faf7f2;--bg-container: #fff9f0;--bg-section: #ffe8e0;--bg-input: #ffffff;--bg-hover: #ffe0d5;--border-color: #d4a574;--text-primary: #2d5016;--text-secondary: #8b6f47;--text-placeholder: #a08968;--btn-primary: #c41e3a;--btn-primary-hover: #a01829;--btn-secondary: #ffe8e0;--color-claimed: #2d5016;--color-tag: #c41e3a;--toolbar-bg: rgba(255, 249, 240, .95);--toolbar-border: rgba(196, 30, 58, .2);--toolbar-hover: #ffe8e0;--line-color: rgba(196, 30, 58, .1);--warning-bg: #fff3e0;--warning-border: #ffcc80;--warning-text: #8b4513}:root{--bg-body: #f5f5f5;--bg-container: #fefdf8;--bg-section: #f8f7f2;--bg-input: white;--bg-hover: #f8f7f2;--border-color: #e5e5e0;--text-primary: #333;--text-secondary: #999;--text-placeholder: #999;--btn-primary: #007aff;--btn-primary-hover: #0051d5;--btn-secondary: #e5e5e0;--color-claimed: #34c759;--color-tag: #007aff;--toolbar-bg: rgba(255, 255, 255, .95);--toolbar-border: rgba(0, 0, 0, .1);--toolbar-hover: #f0f0f0;--line-color: rgba(0, 122, 255, .1);--warning-bg: #fff8e1;--warning-border: #ffe082;--warning-text: #795548}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Patrick Hand,cursive,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-body);padding:40px 20px;min-height:100vh;transition:background-color .3s ease}.logo-bar{text-align:center;padding:20px 0 10px;max-width:900px;margin:0 auto}body.view-start .logo-bar{padding-left:100px}.logo-bar-img{height:32px;width:128px;object-fit:cover;object-position:center;display:block;margin:0 auto}.main-layout{display:flex;gap:20px;max-width:900px;margin:0 auto;align-items:flex-start}body.view-start .main-layout{padding-left:200px}.container{flex:1;background:var(--bg-container);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:background-color .3s ease;background-image:repeating-linear-gradient(transparent,transparent 29px,var(--line-color) 29px,var(--line-color) 30px);background-size:100% 30px}.toolbar{background:var(--toolbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--toolbar-border);border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;position:sticky;top:40px}.toolbar-left,.toolbar-right{width:180px}.toolbar h3{font-size:16px;color:var(--text-primary);margin-bottom:12px;font-weight:600}.toolbar-button{width:100%;padding:10px 12px;margin-bottom:8px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);border-radius:6px;cursor:pointer;font-family:Patrick Hand,cursive;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px}.toolbar-button:hover{background:var(--toolbar-hover);border-color:var(--btn-primary)}.toolbar-button:last-of-type{margin-bottom:0}.toolbar-button svg,.toolbar-button span{font-size:16px}.warning-box{margin-top:16px;padding:12px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:6px;font-size:13px;line-height:1.4;color:var(--warning-text);font-family:Patrick Hand,cursive}.continue-recent-btn{width:100%;padding:14px 20px;border:2px dashed var(--btn-primary);background:transparent;color:var(--btn-primary);border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s;font-family:Patrick Hand,cursive}.continue-recent-btn:hover{background:var(--toolbar-hover);border-color:var(--btn-primary-hover);color:var(--btn-primary-hover)}.recent-lists-container{width:100%;max-width:400px;margin:0 auto 24px;background:var(--bg-container);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.recent-lists-header{padding:12px 16px;background:var(--bg-section);font-weight:600;font-size:16px;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-family:Patrick Hand,cursive}.recent-list-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-color);transition:background .2s}.recent-list-row:last-child{border-bottom:none}.recent-list-row:hover{background:var(--bg-hover)}.recent-list-name{flex:1;text-align:left;font-size:16px;font-weight:500;color:var(--btn-primary);background:none;border:none;cursor:pointer;padding:4px 0;font-family:Patrick Hand,cursive;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-list-name:hover{color:var(--btn-primary-hover);text-decoration:underline}.recent-list-days-container{display:flex;align-items:center;gap:4px;flex-shrink:0}.recent-list-days{font-size:13px;color:var(--text-secondary);white-space:nowrap;font-family:Patrick Hand,cursive}.recent-list-info{font-size:12px;color:var(--text-secondary);cursor:help;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:all .2s;-webkit-user-select:none;user-select:none}.recent-list-info:hover{color:var(--btn-primary);background:var(--bg-hover);transform:scale(1.2)}.recent-list-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:14px;line-height:1;padding:0;transition:all .2s;flex-shrink:0}.recent-list-remove:hover{background:#dc3545;border-color:#dc3545;color:#fff;transform:scale(1.1)}.theme-toggle{display:flex;flex-direction:column;gap:8px}.theme-option{padding:10px 12px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);border-radius:6px;cursor:pointer;font-family:Patrick Hand,cursive;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px}.theme-option:hover{background:var(--toolbar-hover)}.theme-option.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.header{padding:20px 24px;border-bottom:1px solid var(--border-color);position:relative;background:transparent}.header h1{font-size:28px;font-weight:700;color:var(--text-primary);text-align:center;transition:color .3s ease;flex:1;margin:0}.list{padding:0}.list-item{padding:14px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s;line-height:1.4;background:transparent}.list-item:hover{background:var(--bg-hover)}.list-item:last-child{border-bottom:none}.checkbox{width:20px;height:20px;border:2px solid #ccc;border-radius:50%;flex-shrink:0;transition:all .2s;cursor:pointer}.checkbox:hover{border-color:var(--btn-primary);transform:scale(1.1)}.list-item.claimed .checkbox{background:var(--color-claimed);border-color:var(--color-claimed);position:relative}.list-item.claimed .checkbox:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px}.item-status-text{font-size:15px;color:var(--text-secondary);cursor:pointer;transition:color .2s;flex-shrink:0;-webkit-user-select:none;user-select:none}.item-status-text:hover{color:var(--btn-primary)}.list-item.claimed .item-status-text{color:var(--text-primary);font-weight:500}.item-content{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list-item.editing .item-content{flex-direction:column;align-items:flex-start}.item-text{font-size:17px;color:var(--text-primary);transition:all .2s;flex:1}.item-link{text-decoration:none;color:var(--btn-primary)}.item-link:hover{text-decoration:underline}.list-item.claimed .item-text,.list-item.claimed .item-link{text-decoration:line-through;color:var(--text-secondary)}.item-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.edit-item-btn{background:transparent;border:1px solid var(--border-color);font-size:14px;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .2s;color:var(--text-secondary);flex-shrink:0;font-family:Patrick Hand,cursive}.edit-item-btn:hover{background:var(--bg-section);color:var(--btn-primary);border-color:var(--btn-primary)}.delete-item-btn{background:#dc3545;color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;font-family:Patrick Hand,cursive;flex-shrink:0}.delete-item-btn:hover{background:#c82333;transform:translateY(-1px)}.list-item.editing{background:var(--bg-hover);cursor:default}.list-item.editing:hover{background:var(--bg-hover)}.edit-input{width:100%;border:1px solid var(--btn-primary);background:var(--bg-input);color:var(--text-primary);font-size:17px;padding:6px 10px;border-radius:4px;outline:none;font-family:Patrick Hand,cursive}.edit-actions{display:flex;gap:6px;flex-shrink:0}.edit-btn{padding:4px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;font-family:Patrick Hand,cursive}.edit-btn.save{background:var(--btn-primary);color:#fff}.edit-btn.save:hover{background:var(--btn-primary-hover)}.edit-btn.cancel{background:var(--btn-secondary);color:var(--text-primary)}.edit-btn.cancel:hover{background:var(--toolbar-hover)}.tag{background:var(--color-tag);color:#fff;padding:3px 10px;border-radius:4px;font-size:14px;font-weight:500}.empty-state{padding:60px 24px;text-align:center;color:var(--text-secondary);font-size:17px}.view{display:none}.view.active{display:block}.start-view{padding:60px 24px;text-align:center}.app-summary{max-width:500px;margin:0 auto 32px;padding:0 16px;font-size:15px;line-height:1.6;color:var(--text-secondary);text-align:center;font-family:Patrick Hand,cursive}.logo-bar-img.logo-dark{display:none!important}.logo-bar-img.logo-light{display:block!important}[data-theme=dark] .logo-bar-img.logo-light{display:none!important}[data-theme=dark] .logo-bar-img.logo-dark{display:block!important}.start-actions{max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.create-new-btn{padding:14px 32px;font-size:18px;font-weight:600;min-width:250px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-family:Patrick Hand,cursive}.import-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .2s;cursor:pointer}.import-link:hover{color:var(--btn-primary);text-decoration:underline}.button-group{display:flex;gap:12px}.button-group button{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:17px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Patrick Hand,cursive}.button-primary{background:var(--btn-primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.button-secondary{background:var(--btn-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s}.button-secondary:hover:not(:disabled){background:var(--toolbar-hover);border:1px solid var(--btn-primary)}.button-secondary:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}.header-with-back{display:flex;justify-content:space-between;align-items:center;gap:16px}.back-button{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .2s;font-family:Patrick Hand,cursive;flex-shrink:0}.back-button:hover{color:var(--btn-primary);background:var(--toolbar-hover)}.add-sublist-modal-btn{background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:6px 12px;transition:all .2s;flex-shrink:0;font-family:Patrick Hand,cursive}.add-sublist-modal-btn:hover{background:var(--bg-section);color:var(--btn-primary);border-color:var(--btn-primary)}.arrow-icon{color:var(--text-secondary);font-size:16px}.sublist-item{display:flex;align-items:center;justify-content:space-between}.sublist-section{border-bottom:1px solid var(--border-color)}.sublist-header{padding:20px 24px 12px;background:var(--bg-section);display:flex;justify-content:space-between;align-items:center;gap:12px}.sublist-header h2{font-size:20px;font-weight:600;color:var(--text-primary);flex:1}.edit-sublist-input{flex:1;border:1px solid var(--btn-primary);background:var(--bg-input);color:var(--text-primary);font-size:20px;padding:8px 12px;border-radius:6px;outline:none;font-family:Patrick Hand,cursive;font-weight:600}.sublist-actions{display:flex;gap:8px;align-items:center}.edit-sublist-btn{background:transparent;border:1px solid var(--border-color);font-size:14px;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .2s;color:var(--text-secondary);flex-shrink:0;font-family:Patrick Hand,cursive}.edit-sublist-btn:hover{background:var(--bg-section);color:var(--btn-primary);border-color:var(--btn-primary)}.add-item-modal-btn{background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:6px 12px;transition:all .2s;flex-shrink:0;font-family:Patrick Hand,cursive}.add-item-modal-btn:hover{background:var(--bg-section);color:var(--btn-primary);border-color:var(--btn-primary)}.sublist-edit-actions{display:flex;gap:8px;align-items:center}.save-sublist-btn{background:var(--btn-primary);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;font-family:Patrick Hand,cursive;font-weight:500}.save-sublist-btn:hover{background:var(--btn-primary-hover)}.cancel-sublist-btn{background:var(--btn-secondary);color:var(--text-primary);border:none;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;font-family:Patrick Hand,cursive;font-weight:500}.cancel-sublist-btn:hover{background:var(--toolbar-hover)}.delete-sublist-btn{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;font-family:Patrick Hand,cursive;font-weight:500}.delete-sublist-btn:hover{background:#c82333;transform:translateY(-1px)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--bg-container);border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 4px 20px #00000026;z-index:1001;display:flex;flex-direction:column;gap:16px}.modal-content h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.modal-content input{width:100%;border:1px solid var(--border-color);background:var(--bg-input);padding:10px 14px;border-radius:6px;font-size:16px;color:var(--text-primary);outline:none;font-family:Patrick Hand,cursive;box-sizing:border-box}.modal-content input:focus{border-color:var(--btn-primary)}.modal-content input::placeholder{color:var(--text-placeholder)}.modal-actions{display:flex;gap:12px;margin-top:8px}.modal-actions button{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s;font-family:Patrick Hand,cursive;font-weight:500}.sublist-items{padding:0}.sublist-section:last-child{border-bottom:none}footer{margin-top:40px;padding:20px;text-align:center;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-family:Patrick Hand,cursive;max-width:900px;margin-left:auto;margin-right:auto;transition:all .3s ease}@media(max-width:768px){.main-layout{flex-direction:column}.toolbar{position:static;width:100%}.toolbar-left,.toolbar-right{width:100%}body{padding:20px 10px}footer{margin-top:20px;padding:15px 10px;font-size:12px}}