:root{--primary-color: #5288c1;--secondary-color: #f0f2f5;--text-color: #333;--background-color: #fff;--card-background: #fff;--border-color: #e0e0e0;--todo-color: #ffcb6b;--doing-color: #82aaff;--done-color: #c3e88d;--shadow-color: rgba(0, 0, 0, .1);--success-color: #4caf50;--error-color: #f44336;--syncing-color: #ff9800}.dark{--primary-color: #64b5f6;--secondary-color: #2c2c2c;--text-color: #e0e0e0;--background-color: #1a1a1a;--card-background: #2d2d2d;--border-color: #444;--todo-color: #f9a825;--doing-color: #5c6bc0;--done-color: #66bb6a;--shadow-color: rgba(0, 0, 0, .3);--success-color: #81c784;--error-color: #e57373;--syncing-color: #ffb74d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.app-container{background-color:var(--background-color);color:var(--text-color);min-height:100vh;transition:all .3s ease}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--primary-color);color:#fff}.header-actions{display:flex;align-items:center;gap:1rem}.sync-status{font-size:.8rem;padding:.2rem .5rem;border-radius:4px;background-color:var(--card-background)}.sync-status.success{color:var(--success-color)}.sync-status.error{color:var(--error-color)}.sync-status.syncing{color:var(--syncing-color)}.theme-toggle{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.lists-container{padding:1rem}.add-list{display:flex;margin-bottom:1rem}.add-list input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px 0 0 4px;background-color:var(--card-background);color:var(--text-color)}.add-list button{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer}.lists{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.list-card{background-color:var(--card-background);border-radius:8px;padding:1rem;box-shadow:0 2px 8px var(--shadow-color);cursor:pointer;transition:transform .2s;position:relative}.list-card:hover{transform:translateY(-2px)}.list-stats{display:flex;justify-content:space-between;margin:.5rem 0;font-size:.8rem;color:var(--text-color);opacity:.7}.list-actions{display:flex;justify-content:flex-end}.list-updated{font-size:.7rem;color:var(--text-color);opacity:.6;margin-top:.5rem;text-align:right}.share-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.3rem .8rem;cursor:pointer;font-size:.8rem}.selected-list-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--background-color);z-index:10;overflow-y:auto}.selected-list-container{padding:1rem}.selected-list-header{display:flex;align-items:center;margin-bottom:1rem}.back-btn{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;margin-right:1rem}.add-todo{display:flex;margin-bottom:1rem}.add-todo input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px 0 0 4px;background-color:var(--card-background);color:var(--text-color)}.add-todo button{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer}.todo-item{background-color:var(--card-background);border-radius:8px;padding:.8rem;margin-bottom:.8rem;box-shadow:0 1px 3px var(--shadow-color)}.todo-header{display:flex;align-items:center}.drag-handle{cursor:grab;margin-right:.5rem;color:var(--text-color);opacity:.5;display:flex;align-items:center}.drag-handle:hover{opacity:.8}.todo-status{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;margin-right:.8rem;cursor:pointer}.todo-status-todo .todo-status{background-color:var(--todo-color);color:#333}.todo-status-doing .todo-status{background-color:var(--doing-color);color:#fff}.todo-status-done .todo-status{background-color:var(--done-color);color:#333}.todo-text{flex:1}.todo-status-done .todo-text{text-decoration:line-through;opacity:.7}.add-subtodo-btn{background:none;border:none;color:var(--primary-color);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.add-subtodo{display:flex;margin:.5rem 0}.add-subtodo input{flex:1;padding:.3rem;border:1px solid var(--border-color);border-radius:4px 0 0 4px;font-size:.9rem;background-color:var(--card-background);color:var(--text-color)}.add-subtodo button{padding:.3rem .6rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:.9rem}.subtodos{margin-left:1.5rem;margin-top:.5rem;border-left:2px solid var(--border-color);padding-left:.8rem}.todo-item.dragging{opacity:.5;background:var(--secondary-color);border:1px dashed var(--primary-color)}.share-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:20}.share-dialog-content{background-color:var(--card-background);border-radius:8px;padding:1.5rem;width:90%;max-width:400px}.share-dialog h3{margin-bottom:1rem}.share-dialog input{width:100%;padding:.5rem;margin:1rem 0;border:1px solid var(--border-color);border-radius:4px;background-color:var(--card-background);color:var(--text-color)}.share-actions{display:flex;justify-content:flex-end;gap:.5rem}.share-actions button{padding:.5rem 1rem;border-radius:4px;cursor:pointer}.share-actions button:first-child{background-color:var(--primary-color);color:#fff;border:none}.share-actions button:last-child{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.empty-state{text-align:center;padding:2rem;color:var(--text-color);opacity:.7}